#CABDC8 - #A3617F | 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 #CABDC8 to #A3617F

#CABDC8 #A3617F

Calculate the color between two colors, #CABDC8 and #A3617F. 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)

#CABDC8 - #A3617F | 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 #CABDC8 as 0% and #A3617F as 100%.

0.0%	0.0% #CABDC8	RGB 202 189 200	#CABDC8
16.7%	16.7% #C3ADBB	RGB 195 173 187	#C3ADBB
33.3%	33.3% #BD9EAF	RGB 189 158 175	#BD9EAF
50.0%	50.0% #B68FA3	RGB 182 143 163	#B68FA3
66.7%	66.7% #B07F97	RGB 176 127 151	#B07F97
83.3%	83.3% #A9708B	RGB 169 112 139	#A9708B
100.0%	100.0% #A3617F	RGB 163 97 127	#A3617F

#CABDC8 #C3ADBB #BD9EAF #B68FA3 #B07F97 #A9708B #A3617F

#CABDC8 - #A3617F

HSV Blend

#CABDC8 - #A3617F | 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 #CABDC8 as 0% and #A3617F as 100%.

0.0%	0.0% #CABDC8	RGB 202 189 200	#CABDC8
16.7%	16.7% #C3ABBE	RGB 195 171 190	#C3ABBE
33.3%	33.3% #BD9BB3	RGB 189 155 179	#BD9BB3
50.0%	50.0% #B68BA7	RGB 182 139 167	#B68BA7
66.7%	66.7% #B07C9A	RGB 176 124 154	#B07C9A
83.3%	83.3% #A96E8D	RGB 169 110 141	#A96E8D
100.0%	100.0% #A3617F	RGB 163 97 127	#A3617F

#CABDC8 #C3ABBE #BD9BB3 #B68BA7 #B07C9A #A96E8D #A3617F

#CABDC8 - #B68BA7 - #A3617F

CSS codes

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

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