#CECEE7 - #7278B0 | 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 #CECEE7 to #7278B0

#CECEE7 #7278B0

Calculate the color between two colors, #CECEE7 and #7278B0. 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)

#CECEE7 - #7278B0 | 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 #CECEE7 as 0% and #7278B0 as 100%.

0.0%	0.0% #CECEE7	RGB 206 206 231	#CECEE7
16.7%	16.7% #BEBFDD	RGB 190 191 221	#BEBFDD
33.3%	33.3% #AFB1D4	RGB 175 177 212	#AFB1D4
50.0%	50.0% #A0A3CB	RGB 160 163 203	#A0A3CB
66.7%	66.7% #9094C2	RGB 144 148 194	#9094C2
83.3%	83.3% #8186B9	RGB 129 134 185	#8186B9
100.0%	100.0% #7278B0	RGB 114 120 176	#7278B0

#CECEE7 #BEBFDD #AFB1D4 #A0A3CB #9094C2 #8186B9 #7278B0

#CECEE7 - #7278B0

HSV Blend

#CECEE7 - #7278B0 | 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 #CECEE7 as 0% and #7278B0 as 100%.

0.0%	0.0% #CECEE7	RGB 206 206 231	#CECEE7
16.7%	16.7% #BCBDDD	RGB 188 189 221	#BCBDDD
33.3%	33.3% #ACADD4	RGB 172 173 212	#ACADD4
50.0%	50.0% #9C9ECB	RGB 156 158 203	#9C9ECB
66.7%	66.7% #8D91C2	RGB 141 145 194	#8D91C2
83.3%	83.3% #7F84B9	RGB 127 132 185	#7F84B9
100.0%	100.0% #7278B0	RGB 114 120 176	#7278B0

#CECEE7 #BCBDDD #ACADD4 #9C9ECB #8D91C2 #7F84B9 #7278B0

#CECEE7 - #9C9ECB - #7278B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CECEE7 0%, #9C9ECB 50%, #7278B0 100%);
    background: -webkit-linear-gradient(top, #CECEE7 0%, #9C9ECB 50%, #7278B0 100%);
    background: linear-gradient(to bottom, #CECEE7 0%, #9C9ECB 50%, #7278B0 100%);
}
</style>