#CCABCC - #B5C2F5 | 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 #CCABCC to #B5C2F5

#CCABCC #B5C2F5

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

#CCABCC - #B5C2F5 | 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 #CCABCC as 0% and #B5C2F5 as 100%.

0.0%	0.0% #CCABCC	RGB 204 171 204	#CCABCC
16.7%	16.7% #C8AED2	RGB 200 174 210	#C8AED2
33.3%	33.3% #C4B2D9	RGB 196 178 217	#C4B2D9
50.0%	50.0% #C0B6E0	RGB 192 182 224	#C0B6E0
66.7%	66.7% #BCBAE7	RGB 188 186 231	#BCBAE7
83.3%	83.3% #B8BEEE	RGB 184 190 238	#B8BEEE
100.0%	100.0% #B5C2F5	RGB 181 194 245	#B5C2F5

#CCABCC #C8AED2 #C4B2D9 #C0B6E0 #BCBAE7 #B8BEEE #B5C2F5

#CCABCC - #B5C2F5

HSV Blend

#CCABCC - #B5C2F5 | 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 #CCABCC as 0% and #B5C2F5 as 100%.

0.0%	0.0% #CCABCC	RGB 204 171 204	#CCABCC
16.7%	16.7% #CBADD2	RGB 203 173 210	#CBADD2
33.3%	33.3% #C8AFD9	RGB 200 175 217	#C8AFD9
50.0%	50.0% #C3B1E0	RGB 195 177 224	#C3B1E0
66.7%	66.7% #BDB2E7	RGB 189 178 231	#BDB2E7
83.3%	83.3% #B3B4EE	RGB 179 180 238	#B3B4EE
100.0%	100.0% #B5C2F5	RGB 181 194 245	#B5C2F5

#CCABCC #CBADD2 #C8AFD9 #C3B1E0 #BDB2E7 #B3B4EE #B5C2F5

#CCABCC - #C3B1E0 - #B5C2F5

CSS codes

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

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