#CECCDC - #8078AF | 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 #CECCDC to #8078AF

#CECCDC #8078AF

Calculate the color between two colors, #CECCDC and #8078AF. 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)

#CECCDC - #8078AF | 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 #CECCDC as 0% and #8078AF as 100%.

0.0%	0.0% #CECCDC	RGB 206 204 220	#CECCDC
16.7%	16.7% #C1BED4	RGB 193 190 212	#C1BED4
33.3%	33.3% #B4B0CD	RGB 180 176 205	#B4B0CD
50.0%	50.0% #A7A2C5	RGB 167 162 197	#A7A2C5
66.7%	66.7% #9A94BE	RGB 154 148 190	#9A94BE
83.3%	83.3% #8D86B6	RGB 141 134 182	#8D86B6
100.0%	100.0% #8078AF	RGB 128 120 175	#8078AF

#CECCDC #C1BED4 #B4B0CD #A7A2C5 #9A94BE #8D86B6 #8078AF

#CECCDC - #8078AF

HSV Blend

#CECCDC - #8078AF | 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 #CECCDC as 0% and #8078AF as 100%.

0.0%	0.0% #CECCDC	RGB 206 204 220	#CECCDC
16.7%	16.7% #BFBCD4	RGB 191 188 212	#BFBCD4
33.3%	33.3% #B1ADCD	RGB 177 173 205	#B1ADCD
50.0%	50.0% #A49FC5	RGB 164 159 197	#A49FC5
66.7%	66.7% #9791BE	RGB 151 145 190	#9791BE
83.3%	83.3% #8B84B6	RGB 139 132 182	#8B84B6
100.0%	100.0% #8078AF	RGB 128 120 175	#8078AF

#CECCDC #BFBCD4 #B1ADCD #A49FC5 #9791BE #8B84B6 #8078AF

#CECCDC - #A49FC5 - #8078AF

CSS codes

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

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