#C27DAE - #FEB6B4 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C27DAE to #FEB6B4

#C27DAE #FEB6B4

Calculate the color between two colors, #C27DAE and #FEB6B4. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C27DAE - #FEB6B4 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C27DAE as 0% and #FEB6B4 as 100%.

0.0%	0.0% #C27DAE	RGB 194 125 174	#C27DAE
16.7%	16.7% #CC86AF	RGB 204 134 175	#CC86AF
33.3%	33.3% #D690B0	RGB 214 144 176	#D690B0
50.0%	50.0% #E099B1	RGB 224 153 177	#E099B1
66.7%	66.7% #EAA3B2	RGB 234 163 178	#EAA3B2
83.3%	83.3% #F4ACB3	RGB 244 172 179	#F4ACB3
100.0%	100.0% #FEB6B4	RGB 254 182 180	#FEB6B4

#C27DAE #CC86AF #D690B0 #E099B1 #EAA3B2 #F4ACB3 #FEB6B4

#C27DAE - #FEB6B4

HSV Blend

#C27DAE - #FEB6B4 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C27DAE as 0% and #FEB6B4 as 100%.

0.0%	0.0% #C27DAE	RGB 194 125 174	#C27DAE
16.7%	16.7% #CC85AE	RGB 204 133 174	#CC85AE
33.3%	33.3% #D68EAF	RGB 214 142 175	#D68EAF
50.0%	50.0% #E097B0	RGB 224 151 176	#E097B0
66.7%	66.7% #EAA0B0	RGB 234 160 176	#EAA0B0
83.3%	83.3% #F4AAB1	RGB 244 170 177	#F4AAB1
100.0%	100.0% #FEB6B4	RGB 254 182 180	#FEB6B4

#C27DAE #CC85AE #D68EAF #E097B0 #EAA0B0 #F4AAB1 #FEB6B4

#C27DAE - #E097B0 - #FEB6B4

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C27DAE 0%, #FEB6B4 100%);
    background: -webkit-linear-gradient(top, #C27DAE 0%, #FEB6B4 100%);
    background: linear-gradient(to bottom, #C27DAE 0%, #FEB6B4 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C27DAE 0%, #E097B0 50%, #FEB6B4 100%);
    background: -webkit-linear-gradient(top, #C27DAE 0%, #E097B0 50%, #FEB6B4 100%);
    background: linear-gradient(to bottom, #C27DAE 0%, #E097B0 50%, #FEB6B4 100%);
}
</style>