#D4B7A8 - #CEFFD6 | 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 #D4B7A8 to #CEFFD6

#D4B7A8 #CEFFD6

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

#D4B7A8 - #CEFFD6 | 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 #D4B7A8 as 0% and #CEFFD6 as 100%.

0.0%	0.0% #D4B7A8	RGB 212 183 168	#D4B7A8
16.7%	16.7% #D3C3AF	RGB 211 195 175	#D3C3AF
33.3%	33.3% #D2CFB7	RGB 210 207 183	#D2CFB7
50.0%	50.0% #D1DBBF	RGB 209 219 191	#D1DBBF
66.7%	66.7% #D0E7C6	RGB 208 231 198	#D0E7C6
83.3%	83.3% #CFF3CE	RGB 207 243 206	#CFF3CE
100.0%	100.0% #CEFFD6	RGB 206 255 214	#CEFFD6

#D4B7A8 #D3C3AF #D2CFB7 #D1DBBF #D0E7C6 #CFF3CE #CEFFD6

#D4B7A8 - #CEFFD6

HSV Blend

#D4B7A8 - #CEFFD6 | 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 #D4B7A8 as 0% and #CEFFD6 as 100%.

0.0%	0.0% #D4B7A8	RGB 212 183 168	#D4B7A8
16.7%	16.7% #DBCBAE	RGB 219 203 174	#DBCBAE
33.3%	33.3% #E2DFB4	RGB 226 223 180	#E2DFB4
50.0%	50.0% #DDE9BA	RGB 221 233 186	#DDE9BA
66.7%	66.7% #D6F0C1	RGB 214 240 193	#D6F0C1
83.3%	83.3% #CEF7C7	RGB 206 247 199	#CEF7C7
100.0%	100.0% #CEFFD6	RGB 206 255 214	#CEFFD6

#D4B7A8 #DBCBAE #E2DFB4 #DDE9BA #D6F0C1 #CEF7C7 #CEFFD6

#D4B7A8 - #DDE9BA - #CEFFD6

CSS codes

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

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