#C0BDD4 - #FFE9D0 | 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 #C0BDD4 to #FFE9D0

#C0BDD4 #FFE9D0

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

#C0BDD4 - #FFE9D0 | 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 #C0BDD4 as 0% and #FFE9D0 as 100%.

0.0%	0.0% #C0BDD4	RGB 192 189 212	#C0BDD4
16.7%	16.7% #CAC4D3	RGB 202 196 211	#CAC4D3
33.3%	33.3% #D5CBD2	RGB 213 203 210	#D5CBD2
50.0%	50.0% #DFD3D2	RGB 223 211 210	#DFD3D2
66.7%	66.7% #EADAD1	RGB 234 218 209	#EADAD1
83.3%	83.3% #F4E1D0	RGB 244 225 208	#F4E1D0
100.0%	100.0% #FFE9D0	RGB 255 233 208	#FFE9D0

#C0BDD4 #CAC4D3 #D5CBD2 #DFD3D2 #EADAD1 #F4E1D0 #FFE9D0

#C0BDD4 - #FFE9D0

HSV Blend

#C0BDD4 - #FFE9D0 | 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 #C0BDD4 as 0% and #FFE9D0 as 100%.

0.0%	0.0% #C0BDD4	RGB 192 189 212	#C0BDD4
16.7%	16.7% #CEC0DB	RGB 206 192 219	#CEC0DB
33.3%	33.3% #E0C4E2	RGB 224 196 226	#E0C4E2
50.0%	50.0% #E9C7DE	RGB 233 199 222	#E9C7DE
66.7%	66.7% #F0CAD4	RGB 240 202 212	#F0CAD4
83.3%	83.3% #F7D2CD	RGB 247 210 205	#F7D2CD
100.0%	100.0% #FFE9D0	RGB 255 233 208	#FFE9D0

#C0BDD4 #CEC0DB #E0C4E2 #E9C7DE #F0CAD4 #F7D2CD #FFE9D0

#C0BDD4 - #E9C7DE - #FFE9D0

CSS codes

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

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