#CC9AC7 - #BCC8DF | 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 #CC9AC7 to #BCC8DF

#CC9AC7 #BCC8DF

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

#CC9AC7 - #BCC8DF | 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 #CC9AC7 as 0% and #BCC8DF as 100%.

0.0%	0.0% #CC9AC7	RGB 204 154 199	#CC9AC7
16.7%	16.7% #C9A1CB	RGB 201 161 203	#C9A1CB
33.3%	33.3% #C6A9CF	RGB 198 169 207	#C6A9CF
50.0%	50.0% #C4B1D3	RGB 196 177 211	#C4B1D3
66.7%	66.7% #C1B8D7	RGB 193 184 215	#C1B8D7
83.3%	83.3% #BEC0DB	RGB 190 192 219	#BEC0DB
100.0%	100.0% #BCC8DF	RGB 188 200 223	#BCC8DF

#CC9AC7 #C9A1CB #C6A9CF #C4B1D3 #C1B8D7 #BEC0DB #BCC8DF

#CC9AC7 - #BCC8DF

HSV Blend

#CC9AC7 - #BCC8DF | 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 #CC9AC7 as 0% and #BCC8DF as 100%.

0.0%	0.0% #CC9AC7	RGB 204 154 199	#CC9AC7
16.7%	16.7% #C89FCF	RGB 200 159 207	#C89FCF
33.3%	33.3% #C1A4D2	RGB 193 164 210	#C1A4D2
50.0%	50.0% #BAAAD5	RGB 186 170 213	#BAAAD5
66.7%	66.7% #B5B0D8	RGB 181 176 216	#B5B0D8
83.3%	83.3% #B6B9DB	RGB 182 185 219	#B6B9DB
100.0%	100.0% #BCC8DF	RGB 188 200 223	#BCC8DF

#CC9AC7 #C89FCF #C1A4D2 #BAAAD5 #B5B0D8 #B6B9DB #BCC8DF

#CC9AC7 - #BAAAD5 - #BCC8DF

CSS codes

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

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