#C67DEE - #CDB5EC | 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 #C67DEE to #CDB5EC

#C67DEE #CDB5EC

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

#C67DEE - #CDB5EC | 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 #C67DEE as 0% and #CDB5EC as 100%.

0.0%	0.0% #C67DEE	RGB 198 125 238	#C67DEE
16.7%	16.7% #C786ED	RGB 199 134 237	#C786ED
33.3%	33.3% #C88FED	RGB 200 143 237	#C88FED
50.0%	50.0% #C999ED	RGB 201 153 237	#C999ED
66.7%	66.7% #CAA2EC	RGB 202 162 236	#CAA2EC
83.3%	83.3% #CBABEC	RGB 203 171 236	#CBABEC
100.0%	100.0% #CDB5EC	RGB 205 181 236	#CDB5EC

#C67DEE #C786ED #C88FED #C999ED #CAA2EC #CBABEC #CDB5EC

#C67DEE - #CDB5EC

HSV Blend

#C67DEE - #CDB5EC | 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 #C67DEE as 0% and #CDB5EC as 100%.

0.0%	0.0% #C67DEE	RGB 198 125 238	#C67DEE
16.7%	16.7% #C586ED	RGB 197 134 237	#C586ED
33.3%	33.3% #C58FED	RGB 197 143 237	#C58FED
50.0%	50.0% #C699ED	RGB 198 153 237	#C699ED
66.7%	66.7% #C8A2EC	RGB 200 162 236	#C8A2EC
83.3%	83.3% #CAABEC	RGB 202 171 236	#CAABEC
100.0%	100.0% #CDB5EC	RGB 205 181 236	#CDB5EC

#C67DEE #C586ED #C58FED #C699ED #C8A2EC #CAABEC #CDB5EC

#C67DEE - #C699ED - #CDB5EC

CSS codes

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

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