#CECEE0 - #857DCD | 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 #CECEE0 to #857DCD

#CECEE0 #857DCD

Calculate the color between two colors, #CECEE0 and #857DCD. 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)

#CECEE0 - #857DCD | 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 #CECEE0 as 0% and #857DCD as 100%.

0.0%	0.0% #CECEE0	RGB 206 206 224	#CECEE0
16.7%	16.7% #C1C0DC	RGB 193 192 220	#C1C0DC
33.3%	33.3% #B5B3D9	RGB 181 179 217	#B5B3D9
50.0%	50.0% #A9A5D6	RGB 169 165 214	#A9A5D6
66.7%	66.7% #9D98D3	RGB 157 152 211	#9D98D3
83.3%	83.3% #918AD0	RGB 145 138 208	#918AD0
100.0%	100.0% #857DCD	RGB 133 125 205	#857DCD

#CECEE0 #C1C0DC #B5B3D9 #A9A5D6 #9D98D3 #918AD0 #857DCD

#CECEE0 - #857DCD

HSV Blend

#CECEE0 - #857DCD | 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 #CECEE0 as 0% and #857DCD as 100%.

0.0%	0.0% #CECEE0	RGB 206 206 224	#CECEE0
16.7%	16.7% #C0BFDC	RGB 192 191 220	#C0BFDC
33.3%	33.3% #B3B1D9	RGB 179 177 217	#B3B1D9
50.0%	50.0% #A6A4D6	RGB 166 164 214	#A6A4D6
66.7%	66.7% #9A96D3	RGB 154 150 211	#9A96D3
83.3%	83.3% #8F89D0	RGB 143 137 208	#8F89D0
100.0%	100.0% #857DCD	RGB 133 125 205	#857DCD

#CECEE0 #C0BFDC #B3B1D9 #A6A4D6 #9A96D3 #8F89D0 #857DCD

#CECEE0 - #A6A4D6 - #857DCD

CSS codes

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

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