#F0DFEC - #CF8AAC | 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 #F0DFEC to #CF8AAC

#F0DFEC #CF8AAC

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

#F0DFEC - #CF8AAC | 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 #F0DFEC as 0% and #CF8AAC as 100%.

0.0%	0.0% #F0DFEC	RGB 240 223 236	#F0DFEC
16.7%	16.7% #EAD0E1	RGB 234 208 225	#EAD0E1
33.3%	33.3% #E5C2D6	RGB 229 194 214	#E5C2D6
50.0%	50.0% #DFB4CC	RGB 223 180 204	#DFB4CC
66.7%	66.7% #DAA6C1	RGB 218 166 193	#DAA6C1
83.3%	83.3% #D498B6	RGB 212 152 182	#D498B6
100.0%	100.0% #CF8AAC	RGB 207 138 172	#CF8AAC

#F0DFEC #EAD0E1 #E5C2D6 #DFB4CC #DAA6C1 #D498B6 #CF8AAC

#F0DFEC - #CF8AAC

HSV Blend

#F0DFEC - #CF8AAC | 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 #F0DFEC as 0% and #CF8AAC as 100%.

0.0%	0.0% #F0DFEC	RGB 240 223 236	#F0DFEC
16.7%	16.7% #EACFE2	RGB 234 207 226	#EACFE2
33.3%	33.3% #E5C0D9	RGB 229 192 217	#E5C0D9
50.0%	50.0% #DFB2CE	RGB 223 178 206	#DFB2CE
66.7%	66.7% #DAA4C3	RGB 218 164 195	#DAA4C3
83.3%	83.3% #D496B8	RGB 212 150 184	#D496B8
100.0%	100.0% #CF8AAC	RGB 207 138 172	#CF8AAC

#F0DFEC #EACFE2 #E5C0D9 #DFB2CE #DAA4C3 #D496B8 #CF8AAC

#F0DFEC - #DFB2CE - #CF8AAC

CSS codes

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

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