#CAC7FF - #616AD5 | 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 #CAC7FF to #616AD5

#CAC7FF #616AD5

Calculate the color between two colors, #CAC7FF and #616AD5. 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)

#CAC7FF - #616AD5 | 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 #CAC7FF as 0% and #616AD5 as 100%.

0.0%	0.0% #CAC7FF	RGB 202 199 255	#CAC7FF
16.7%	16.7% #B8B7F8	RGB 184 183 248	#B8B7F8
33.3%	33.3% #A7A8F1	RGB 167 168 241	#A7A8F1
50.0%	50.0% #9598EA	RGB 149 152 234	#9598EA
66.7%	66.7% #8489E3	RGB 132 137 227	#8489E3
83.3%	83.3% #7279DC	RGB 114 121 220	#7279DC
100.0%	100.0% #616AD5	RGB 97 106 213	#616AD5

#CAC7FF #B8B7F8 #A7A8F1 #9598EA #8489E3 #7279DC #616AD5

#CAC7FF - #616AD5

HSV Blend

#CAC7FF - #616AD5 | 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 #CAC7FF as 0% and #616AD5 as 100%.

0.0%	0.0% #CAC7FF	RGB 202 199 255	#CAC7FF
16.7%	16.7% #B6B4F8	RGB 182 180 248	#B6B4F8
33.3%	33.3% #A2A1F1	RGB 162 161 241	#A2A1F1
50.0%	50.0% #9091EA	RGB 144 145 234	#9091EA
66.7%	66.7% #7F83E3	RGB 127 131 227	#7F83E3
83.3%	83.3% #7076DC	RGB 112 118 220	#7076DC
100.0%	100.0% #616AD5	RGB 97 106 213	#616AD5

#CAC7FF #B6B4F8 #A2A1F1 #9091EA #7F83E3 #7076DC #616AD5

#CAC7FF - #9091EA - #616AD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC7FF 0%, #9091EA 50%, #616AD5 100%);
    background: -webkit-linear-gradient(top, #CAC7FF 0%, #9091EA 50%, #616AD5 100%);
    background: linear-gradient(to bottom, #CAC7FF 0%, #9091EA 50%, #616AD5 100%);
}
</style>