#CF96AF - #FFDFC7 | 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 #CF96AF to #FFDFC7

#CF96AF #FFDFC7

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

#CF96AF - #FFDFC7 | 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 #CF96AF as 0% and #FFDFC7 as 100%.

0.0%	0.0% #CF96AF	RGB 207 150 175	#CF96AF
16.7%	16.7% #D7A2B3	RGB 215 162 179	#D7A2B3
33.3%	33.3% #DFAEB7	RGB 223 174 183	#DFAEB7
50.0%	50.0% #E7BABB	RGB 231 186 187	#E7BABB
66.7%	66.7% #EFC6BF	RGB 239 198 191	#EFC6BF
83.3%	83.3% #F7D2C3	RGB 247 210 195	#F7D2C3
100.0%	100.0% #FFDFC7	RGB 255 223 199	#FFDFC7

#CF96AF #D7A2B3 #DFAEB7 #E7BABB #EFC6BF #F7D2C3 #FFDFC7

#CF96AF - #FFDFC7

HSV Blend

#CF96AF - #FFDFC7 | 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 #CF96AF as 0% and #FFDFC7 as 100%.

0.0%	0.0% #CF96AF	RGB 207 150 175	#CF96AF
16.7%	16.7% #D79DAE	RGB 215 157 174	#D79DAE
33.3%	33.3% #DFA5AE	RGB 223 165 174	#DFA5AE
50.0%	50.0% #E7ADAE	RGB 231 173 174	#E7ADAE
66.7%	66.7% #EFBEB6	RGB 239 190 182	#EFBEB6
83.3%	83.3% #F7CEBE	RGB 247 206 190	#F7CEBE
100.0%	100.0% #FFDFC7	RGB 255 223 199	#FFDFC7

#CF96AF #D79DAE #DFA5AE #E7ADAE #EFBEB6 #F7CEBE #FFDFC7

#CF96AF - #E7ADAE - #FFDFC7

CSS codes

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

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