#CAC6DB - #83699A | 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 #CAC6DB to #83699A

#CAC6DB #83699A

Calculate the color between two colors, #CAC6DB and #83699A. 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)

#CAC6DB - #83699A | 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 #CAC6DB as 0% and #83699A as 100%.

0.0%	0.0% #CAC6DB	RGB 202 198 219	#CAC6DB
16.7%	16.7% #BEB6D0	RGB 190 182 208	#BEB6D0
33.3%	33.3% #B2A7C5	RGB 178 167 197	#B2A7C5
50.0%	50.0% #A697BA	RGB 166 151 186	#A697BA
66.7%	66.7% #9A88AF	RGB 154 136 175	#9A88AF
83.3%	83.3% #8E78A4	RGB 142 120 164	#8E78A4
100.0%	100.0% #83699A	RGB 131 105 154	#83699A

#CAC6DB #BEB6D0 #B2A7C5 #A697BA #9A88AF #8E78A4 #83699A

#CAC6DB - #83699A

HSV Blend

#CAC6DB - #83699A | 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 #CAC6DB as 0% and #83699A as 100%.

0.0%	0.0% #CAC6DB	RGB 202 198 219	#CAC6DB
16.7%	16.7% #BBB4D0	RGB 187 180 208	#BBB4D0
33.3%	33.3% #ADA3C5	RGB 173 163 197	#ADA3C5
50.0%	50.0% #A193BA	RGB 161 147 186	#A193BA
66.7%	66.7% #9684AF	RGB 150 132 175	#9684AF
83.3%	83.3% #8C76A4	RGB 140 118 164	#8C76A4
100.0%	100.0% #83699A	RGB 131 105 154	#83699A

#CAC6DB #BBB4D0 #ADA3C5 #A193BA #9684AF #8C76A4 #83699A

#CAC6DB - #A193BA - #83699A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC6DB 0%, #A193BA 50%, #83699A 100%);
    background: -webkit-linear-gradient(top, #CAC6DB 0%, #A193BA 50%, #83699A 100%);
    background: linear-gradient(to bottom, #CAC6DB 0%, #A193BA 50%, #83699A 100%);
}
</style>