#CCAFCC - #F0E8F0 | 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 #CCAFCC to #F0E8F0

#CCAFCC #F0E8F0

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

#CCAFCC - #F0E8F0 | 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 #CCAFCC as 0% and #F0E8F0 as 100%.

0.0%	0.0% #CCAFCC	RGB 204 175 204	#CCAFCC
16.7%	16.7% #D2B8D2	RGB 210 184 210	#D2B8D2
33.3%	33.3% #D8C2D8	RGB 216 194 216	#D8C2D8
50.0%	50.0% #DECBDE	RGB 222 203 222	#DECBDE
66.7%	66.7% #E4D5E4	RGB 228 213 228	#E4D5E4
83.3%	83.3% #EADEEA	RGB 234 222 234	#EADEEA
100.0%	100.0% #F0E8F0	RGB 240 232 240	#F0E8F0

#CCAFCC #D2B8D2 #D8C2D8 #DECBDE #E4D5E4 #EADEEA #F0E8F0

#CCAFCC - #F0E8F0

HSV Blend

#CCAFCC - #F0E8F0 | 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 #CCAFCC as 0% and #F0E8F0 as 100%.

0.0%	0.0% #CCAFCC	RGB 204 175 204	#CCAFCC
16.7%	16.7% #D2B7D2	RGB 210 183 210	#D2B7D2
33.3%	33.3% #D8C1D8	RGB 216 193 216	#D8C1D8
50.0%	50.0% #DECADE	RGB 222 202 222	#DECADE
66.7%	66.7% #E4D4E4	RGB 228 212 228	#E4D4E4
83.3%	83.3% #EADDEA	RGB 234 221 234	#EADDEA
100.0%	100.0% #F0E8F0	RGB 240 232 240	#F0E8F0

#CCAFCC #D2B7D2 #D8C1D8 #DECADE #E4D4E4 #EADDEA #F0E8F0

#CCAFCC - #DECADE - #F0E8F0

CSS codes

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

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