#CACEE4 - #6B83AC | 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 #CACEE4 to #6B83AC

#CACEE4 #6B83AC

Calculate the color between two colors, #CACEE4 and #6B83AC. 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)

#CACEE4 - #6B83AC | 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 #CACEE4 as 0% and #6B83AC as 100%.

0.0%	0.0% #CACEE4	RGB 202 206 228	#CACEE4
16.7%	16.7% #BAC1DA	RGB 186 193 218	#BAC1DA
33.3%	33.3% #AAB5D1	RGB 170 181 209	#AAB5D1
50.0%	50.0% #9AA8C8	RGB 154 168 200	#9AA8C8
66.7%	66.7% #8A9CBE	RGB 138 156 190	#8A9CBE
83.3%	83.3% #7A8FB5	RGB 122 143 181	#7A8FB5
100.0%	100.0% #6B83AC	RGB 107 131 172	#6B83AC

#CACEE4 #BAC1DA #AAB5D1 #9AA8C8 #8A9CBE #7A8FB5 #6B83AC

#CACEE4 - #6B83AC

HSV Blend

#CACEE4 - #6B83AC | 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 #CACEE4 as 0% and #6B83AC as 100%.

0.0%	0.0% #CACEE4	RGB 202 206 228	#CACEE4
16.7%	16.7% #B8BEDA	RGB 184 190 218	#B8BEDA
33.3%	33.3% #A7B0D1	RGB 167 176 209	#A7B0D1
50.0%	50.0% #96A3C8	RGB 150 163 200	#96A3C8
66.7%	66.7% #8797BE	RGB 135 151 190	#8797BE
83.3%	83.3% #788CB5	RGB 120 140 181	#788CB5
100.0%	100.0% #6B83AC	RGB 107 131 172	#6B83AC

#CACEE4 #B8BEDA #A7B0D1 #96A3C8 #8797BE #788CB5 #6B83AC

#CACEE4 - #96A3C8 - #6B83AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACEE4 0%, #96A3C8 50%, #6B83AC 100%);
    background: -webkit-linear-gradient(top, #CACEE4 0%, #96A3C8 50%, #6B83AC 100%);
    background: linear-gradient(to bottom, #CACEE4 0%, #96A3C8 50%, #6B83AC 100%);
}
</style>