#AB5B5B - #C2A8DA | 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 #AB5B5B to #C2A8DA

#AB5B5B #C2A8DA

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

#AB5B5B - #C2A8DA | 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 #AB5B5B as 0% and #C2A8DA as 100%.

0.0%	0.0% #AB5B5B	RGB 171 91 91	#AB5B5B
16.7%	16.7% #AE6770	RGB 174 103 112	#AE6770
33.3%	33.3% #B27485	RGB 178 116 133	#B27485
50.0%	50.0% #B6819A	RGB 182 129 154	#B6819A
66.7%	66.7% #BA8EAF	RGB 186 142 175	#BA8EAF
83.3%	83.3% #BE9BC4	RGB 190 155 196	#BE9BC4
100.0%	100.0% #C2A8DA	RGB 194 168 218	#C2A8DA

#AB5B5B #AE6770 #B27485 #B6819A #BA8EAF #BE9BC4 #C2A8DA

#AB5B5B - #C2A8DA

HSV Blend

#AB5B5B - #C2A8DA | 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 #AB5B5B as 0% and #C2A8DA as 100%.

0.0%	0.0% #AB5B5B	RGB 171 91 91	#AB5B5B
16.7%	16.7% #B26679	RGB 178 102 121	#B26679
33.3%	33.3% #BA7295	RGB 186 114 149	#BA7295
50.0%	50.0% #C27EB0	RGB 194 126 176	#C27EB0
66.7%	66.7% #CA8BC9	RGB 202 139 201	#CA8BC9
83.3%	83.3% #C499D2	RGB 196 153 210	#C499D2
100.0%	100.0% #C2A8DA	RGB 194 168 218	#C2A8DA

#AB5B5B #B26679 #BA7295 #C27EB0 #CA8BC9 #C499D2 #C2A8DA

#AB5B5B - #C27EB0 - #C2A8DA

CSS codes

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

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