#C68DBC - #EEDEEB | 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 #C68DBC to #EEDEEB

#C68DBC #EEDEEB

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

#C68DBC - #EEDEEB | 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 #C68DBC as 0% and #EEDEEB as 100%.

0.0%	0.0% #C68DBC	RGB 198 141 188	#C68DBC
16.7%	16.7% #CC9AC3	RGB 204 154 195	#CC9AC3
33.3%	33.3% #D3A8CB	RGB 211 168 203	#D3A8CB
50.0%	50.0% #DAB5D3	RGB 218 181 211	#DAB5D3
66.7%	66.7% #E0C3DB	RGB 224 195 219	#E0C3DB
83.3%	83.3% #E7D0E3	RGB 231 208 227	#E7D0E3
100.0%	100.0% #EEDEEB	RGB 238 222 235	#EEDEEB

#C68DBC #CC9AC3 #D3A8CB #DAB5D3 #E0C3DB #E7D0E3 #EEDEEB

#C68DBC - #EEDEEB

HSV Blend

#C68DBC - #EEDEEB | 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 #C68DBC as 0% and #EEDEEB as 100%.

0.0%	0.0% #C68DBC	RGB 198 141 188	#C68DBC
16.7%	16.7% #CC99C3	RGB 204 153 195	#CC99C3
33.3%	33.3% #D3A6CB	RGB 211 166 203	#D3A6CB
50.0%	50.0% #DAB3D2	RGB 218 179 210	#DAB3D2
66.7%	66.7% #E0C1DA	RGB 224 193 218	#E0C1DA
83.3%	83.3% #E7CFE2	RGB 231 207 226	#E7CFE2
100.0%	100.0% #EEDEEB	RGB 238 222 235	#EEDEEB

#C68DBC #CC99C3 #D3A6CB #DAB3D2 #E0C1DA #E7CFE2 #EEDEEB

#C68DBC - #DAB3D2 - #EEDEEB

CSS codes

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

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