#CACAF9 - #647ACB | 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 #CACAF9 to #647ACB

#CACAF9 #647ACB

Calculate the color between two colors, #CACAF9 and #647ACB. 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)

#CACAF9 - #647ACB | 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 #CACAF9 as 0% and #647ACB as 100%.

0.0%	0.0% #CACAF9	RGB 202 202 249	#CACAF9
16.7%	16.7% #B9BCF1	RGB 185 188 241	#B9BCF1
33.3%	33.3% #A8AFE9	RGB 168 175 233	#A8AFE9
50.0%	50.0% #97A2E2	RGB 151 162 226	#97A2E2
66.7%	66.7% #8694DA	RGB 134 148 218	#8694DA
83.3%	83.3% #7587D2	RGB 117 135 210	#7587D2
100.0%	100.0% #647ACB	RGB 100 122 203	#647ACB

#CACAF9 #B9BCF1 #A8AFE9 #97A2E2 #8694DA #7587D2 #647ACB

#CACAF9 - #647ACB

HSV Blend

#CACAF9 - #647ACB | 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 #CACAF9 as 0% and #647ACB as 100%.

0.0%	0.0% #CACAF9	RGB 202 202 249	#CACAF9
16.7%	16.7% #B6B9F1	RGB 182 185 241	#B6B9F1
33.3%	33.3% #A4A9E9	RGB 164 169 233	#A4A9E9
50.0%	50.0% #939BE2	RGB 147 155 226	#939BE2
66.7%	66.7% #828FDA	RGB 130 143 218	#828FDA
83.3%	83.3% #7283D2	RGB 114 131 210	#7283D2
100.0%	100.0% #647ACB	RGB 100 122 203	#647ACB

#CACAF9 #B6B9F1 #A4A9E9 #939BE2 #828FDA #7283D2 #647ACB

#CACAF9 - #939BE2 - #647ACB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACAF9 0%, #939BE2 50%, #647ACB 100%);
    background: -webkit-linear-gradient(top, #CACAF9 0%, #939BE2 50%, #647ACB 100%);
    background: linear-gradient(to bottom, #CACAF9 0%, #939BE2 50%, #647ACB 100%);
}
</style>