#CACAF8 - #647AC9 | 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 #CACAF8 to #647AC9

#CACAF8 #647AC9

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

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

0.0%	0.0% #CACAF8	RGB 202 202 248	#CACAF8
16.7%	16.7% #B9BCF0	RGB 185 188 240	#B9BCF0
33.3%	33.3% #A8AFE8	RGB 168 175 232	#A8AFE8
50.0%	50.0% #97A2E0	RGB 151 162 224	#97A2E0
66.7%	66.7% #8694D8	RGB 134 148 216	#8694D8
83.3%	83.3% #7587D0	RGB 117 135 208	#7587D0
100.0%	100.0% #647AC9	RGB 100 122 201	#647AC9

#CACAF8 #B9BCF0 #A8AFE8 #97A2E0 #8694D8 #7587D0 #647AC9

#CACAF8 - #647AC9

HSV Blend

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

0.0%	0.0% #CACAF8	RGB 202 202 248	#CACAF8
16.7%	16.7% #B6B9F0	RGB 182 185 240	#B6B9F0
33.3%	33.3% #A4A9E8	RGB 164 169 232	#A4A9E8
50.0%	50.0% #939BE0	RGB 147 155 224	#939BE0
66.7%	66.7% #828FD8	RGB 130 143 216	#828FD8
83.3%	83.3% #7283D0	RGB 114 131 208	#7283D0
100.0%	100.0% #647AC9	RGB 100 122 201	#647AC9

#CACAF8 #B6B9F0 #A4A9E8 #939BE0 #828FD8 #7283D0 #647AC9

#CACAF8 - #939BE0 - #647AC9

CSS codes

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

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