#C8ACCA - #ECBEFF | 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 #C8ACCA to #ECBEFF

#C8ACCA #ECBEFF

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

#C8ACCA - #ECBEFF | 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 #C8ACCA as 0% and #ECBEFF as 100%.

0.0%	0.0% #C8ACCA	RGB 200 172 202	#C8ACCA
16.7%	16.7% #CEAFD2	RGB 206 175 210	#CEAFD2
33.3%	33.3% #D4B2DB	RGB 212 178 219	#D4B2DB
50.0%	50.0% #DAB5E4	RGB 218 181 228	#DAB5E4
66.7%	66.7% #E0B8ED	RGB 224 184 237	#E0B8ED
83.3%	83.3% #E6BBF6	RGB 230 187 246	#E6BBF6
100.0%	100.0% #ECBEFF	RGB 236 190 255	#ECBEFF

#C8ACCA #CEAFD2 #D4B2DB #DAB5E4 #E0B8ED #E6BBF6 #ECBEFF

#C8ACCA - #ECBEFF

HSV Blend

#C8ACCA - #ECBEFF | 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 #C8ACCA as 0% and #ECBEFF as 100%.

0.0%	0.0% #C8ACCA	RGB 200 172 202	#C8ACCA
16.7%	16.7% #CFAFD2	RGB 207 175 210	#CFAFD2
33.3%	33.3% #D5B3DB	RGB 213 179 219	#D5B3DB
50.0%	50.0% #DCB6E4	RGB 220 182 228	#DCB6E4
66.7%	66.7% #E2B9ED	RGB 226 185 237	#E2B9ED
83.3%	83.3% #E7BBF6	RGB 231 187 246	#E7BBF6
100.0%	100.0% #ECBEFF	RGB 236 190 255	#ECBEFF

#C8ACCA #CFAFD2 #D5B3DB #DCB6E4 #E2B9ED #E7BBF6 #ECBEFF

#C8ACCA - #DCB6E4 - #ECBEFF

CSS codes

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

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