#CC9ABB - #BCC0DF | 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 #CC9ABB to #BCC0DF

#CC9ABB #BCC0DF

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

#CC9ABB - #BCC0DF | 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 #CC9ABB as 0% and #BCC0DF as 100%.

0.0%	0.0% #CC9ABB	RGB 204 154 187	#CC9ABB
16.7%	16.7% #C9A0C1	RGB 201 160 193	#C9A0C1
33.3%	33.3% #C6A6C7	RGB 198 166 199	#C6A6C7
50.0%	50.0% #C4ADCD	RGB 196 173 205	#C4ADCD
66.7%	66.7% #C1B3D3	RGB 193 179 211	#C1B3D3
83.3%	83.3% #BEB9D9	RGB 190 185 217	#BEB9D9
100.0%	100.0% #BCC0DF	RGB 188 192 223	#BCC0DF

#CC9ABB #C9A0C1 #C6A6C7 #C4ADCD #C1B3D3 #BEB9D9 #BCC0DF

#CC9ABB - #BCC0DF

HSV Blend

#CC9ABB - #BCC0DF | 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 #CC9ABB as 0% and #BCC0DF as 100%.

0.0%	0.0% #CC9ABB	RGB 204 154 187	#CC9ABB
16.7%	16.7% #CF9FCA	RGB 207 159 202	#CF9FCA
33.3%	33.3% #CBA4D2	RGB 203 164 210	#CBA4D2
50.0%	50.0% #C4AAD5	RGB 196 170 213	#C4AAD5
66.7%	66.7% #BFB0D8	RGB 191 176 216	#BFB0D8
83.3%	83.3% #BAB6DB	RGB 186 182 219	#BAB6DB
100.0%	100.0% #BCC0DF	RGB 188 192 223	#BCC0DF

#CC9ABB #CF9FCA #CBA4D2 #C4AAD5 #BFB0D8 #BAB6DB #BCC0DF

#CC9ABB - #C4AAD5 - #BCC0DF

CSS codes

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

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