#CEE5A0 - #FFBDAE | 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 #CEE5A0 to #FFBDAE

#CEE5A0 #FFBDAE

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

#CEE5A0 - #FFBDAE | 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 #CEE5A0 as 0% and #FFBDAE as 100%.

0.0%	0.0% #CEE5A0	RGB 206 229 160	#CEE5A0
16.7%	16.7% #D6DEA2	RGB 214 222 162	#D6DEA2
33.3%	33.3% #DED7A4	RGB 222 215 164	#DED7A4
50.0%	50.0% #E6D1A7	RGB 230 209 167	#E6D1A7
66.7%	66.7% #EECAA9	RGB 238 202 169	#EECAA9
83.3%	83.3% #F6C3AB	RGB 246 195 171	#F6C3AB
100.0%	100.0% #FFBDAE	RGB 255 189 174	#FFBDAE

#CEE5A0 #D6DEA2 #DED7A4 #E6D1A7 #EECAA9 #F6C3AB #FFBDAE

#CEE5A0 - #FFBDAE

HSV Blend

#CEE5A0 - #FFBDAE | 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 #CEE5A0 as 0% and #FFBDAE as 100%.

0.0%	0.0% #CEE5A0	RGB 206 229 160	#CEE5A0
16.7%	16.7% #DFE9A2	RGB 223 233 162	#DFE9A2
33.3%	33.3% #EDEAA4	RGB 237 234 164	#EDEAA4
50.0%	50.0% #F2DFA7	RGB 242 223 167	#F2DFA7
66.7%	66.7% #F6D5A9	RGB 246 213 169	#F6D5A9
83.3%	83.3% #FAC9AB	RGB 250 201 171	#FAC9AB
100.0%	100.0% #FFBDAE	RGB 255 189 174	#FFBDAE

#CEE5A0 #DFE9A2 #EDEAA4 #F2DFA7 #F6D5A9 #FAC9AB #FFBDAE

#CEE5A0 - #F2DFA7 - #FFBDAE

CSS codes

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

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