#C8B8F7 - #DBD9ED | 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 #C8B8F7 to #DBD9ED

#C8B8F7 #DBD9ED

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

#C8B8F7 - #DBD9ED | 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 #C8B8F7 as 0% and #DBD9ED as 100%.

0.0%	0.0% #C8B8F7	RGB 200 184 247	#C8B8F7
16.7%	16.7% #CBBDF5	RGB 203 189 245	#CBBDF5
33.3%	33.3% #CEC3F3	RGB 206 195 243	#CEC3F3
50.0%	50.0% #D1C8F2	RGB 209 200 242	#D1C8F2
66.7%	66.7% #D4CEF0	RGB 212 206 240	#D4CEF0
83.3%	83.3% #D7D3EE	RGB 215 211 238	#D7D3EE
100.0%	100.0% #DBD9ED	RGB 219 217 237	#DBD9ED

#C8B8F7 #CBBDF5 #CEC3F3 #D1C8F2 #D4CEF0 #D7D3EE #DBD9ED

#C8B8F7 - #DBD9ED

HSV Blend

#C8B8F7 - #DBD9ED | 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 #C8B8F7 as 0% and #DBD9ED as 100%.

0.0%	0.0% #C8B8F7	RGB 200 184 247	#C8B8F7
16.7%	16.7% #CABDF5	RGB 202 189 245	#CABDF5
33.3%	33.3% #CDC3F3	RGB 205 195 243	#CDC3F3
50.0%	50.0% #D0C8F2	RGB 208 200 242	#D0C8F2
66.7%	66.7% #D3CEF0	RGB 211 206 240	#D3CEF0
83.3%	83.3% #D7D3EE	RGB 215 211 238	#D7D3EE
100.0%	100.0% #DBD9ED	RGB 219 217 237	#DBD9ED

#C8B8F7 #CABDF5 #CDC3F3 #D0C8F2 #D3CEF0 #D7D3EE #DBD9ED

#C8B8F7 - #D0C8F2 - #DBD9ED

CSS codes

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

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