#CAC7E3 - #8174CF | 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 #CAC7E3 to #8174CF

#CAC7E3 #8174CF

Calculate the color between two colors, #CAC7E3 and #8174CF. 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)

#CAC7E3 - #8174CF | 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 #CAC7E3 as 0% and #8174CF as 100%.

0.0%	0.0% #CAC7E3	RGB 202 199 227	#CAC7E3
16.7%	16.7% #BDB9DF	RGB 189 185 223	#BDB9DF
33.3%	33.3% #B1ABDC	RGB 177 171 220	#B1ABDC
50.0%	50.0% #A59DD9	RGB 165 157 217	#A59DD9
66.7%	66.7% #998FD5	RGB 153 143 213	#998FD5
83.3%	83.3% #8D81D2	RGB 141 129 210	#8D81D2
100.0%	100.0% #8174CF	RGB 129 116 207	#8174CF

#CAC7E3 #BDB9DF #B1ABDC #A59DD9 #998FD5 #8D81D2 #8174CF

#CAC7E3 - #8174CF

HSV Blend

#CAC7E3 - #8174CF | 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 #CAC7E3 as 0% and #8174CF as 100%.

0.0%	0.0% #CAC7E3	RGB 202 199 227	#CAC7E3
16.7%	16.7% #BCB8DF	RGB 188 184 223	#BCB8DF
33.3%	33.3% #AFA9DC	RGB 175 169 220	#AFA9DC
50.0%	50.0% #A39BD9	RGB 163 155 217	#A39BD9
66.7%	66.7% #978ED5	RGB 151 142 213	#978ED5
83.3%	83.3% #8C80D2	RGB 140 128 210	#8C80D2
100.0%	100.0% #8174CF	RGB 129 116 207	#8174CF

#CAC7E3 #BCB8DF #AFA9DC #A39BD9 #978ED5 #8C80D2 #8174CF

#CAC7E3 - #A39BD9 - #8174CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC7E3 0%, #A39BD9 50%, #8174CF 100%);
    background: -webkit-linear-gradient(top, #CAC7E3 0%, #A39BD9 50%, #8174CF 100%);
    background: linear-gradient(to bottom, #CAC7E3 0%, #A39BD9 50%, #8174CF 100%);
}
</style>