#CF8CAA - #FEDAC4 | 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 #CF8CAA to #FEDAC4

#CF8CAA #FEDAC4

Calculate the color between two colors, #CF8CAA and #FEDAC4. 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)

#CF8CAA - #FEDAC4 | 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 #CF8CAA as 0% and #FEDAC4 as 100%.

0.0%	0.0% #CF8CAA	RGB 207 140 170	#CF8CAA
16.7%	16.7% #D699AE	RGB 214 153 174	#D699AE
33.3%	33.3% #DEA6B2	RGB 222 166 178	#DEA6B2
50.0%	50.0% #E6B3B7	RGB 230 179 183	#E6B3B7
66.7%	66.7% #EEC0BB	RGB 238 192 187	#EEC0BB
83.3%	83.3% #F6CDBF	RGB 246 205 191	#F6CDBF
100.0%	100.0% #FEDAC4	RGB 254 218 196	#FEDAC4

#CF8CAA #D699AE #DEA6B2 #E6B3B7 #EEC0BB #F6CDBF #FEDAC4

#CF8CAA - #FEDAC4

HSV Blend

#CF8CAA - #FEDAC4 | 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 #CF8CAA as 0% and #FEDAC4 as 100%.

0.0%	0.0% #CF8CAA	RGB 207 140 170	#CF8CAA
16.7%	16.7% #D694A9	RGB 214 148 169	#D694A9
33.3%	33.3% #DE9DA8	RGB 222 157 168	#DE9DA8
50.0%	50.0% #E6A6A9	RGB 230 166 169	#E6A6A9
66.7%	66.7% #EEB6B0	RGB 238 182 176	#EEB6B0
83.3%	83.3% #F6C8BA	RGB 246 200 186	#F6C8BA
100.0%	100.0% #FEDAC4	RGB 254 218 196	#FEDAC4

#CF8CAA #D694A9 #DE9DA8 #E6A6A9 #EEB6B0 #F6C8BA #FEDAC4

#CF8CAA - #E6A6A9 - #FEDAC4

CSS codes

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

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