#DB94C2 - #AB2B76 | 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 #DB94C2 to #AB2B76

#DB94C2 #AB2B76

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

#DB94C2 - #AB2B76 | 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 #DB94C2 as 0% and #AB2B76 as 100%.

0.0%	0.0% #DB94C2	RGB 219 148 194	#DB94C2
16.7%	16.7% #D382B5	RGB 211 130 181	#D382B5
33.3%	33.3% #CB71A8	RGB 203 113 168	#CB71A8
50.0%	50.0% #C35F9C	RGB 195 95 156	#C35F9C
66.7%	66.7% #BB4E8F	RGB 187 78 143	#BB4E8F
83.3%	83.3% #B33C82	RGB 179 60 130	#B33C82
100.0%	100.0% #AB2B76	RGB 171 43 118	#AB2B76

#DB94C2 #D382B5 #CB71A8 #C35F9C #BB4E8F #B33C82 #AB2B76

#DB94C2 - #AB2B76

HSV Blend

#DB94C2 - #AB2B76 | 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 #DB94C2 as 0% and #AB2B76 as 100%.

0.0%	0.0% #DB94C2	RGB 219 148 194	#DB94C2
16.7%	16.7% #D37FB4	RGB 211 127 180	#D37FB4
33.3%	33.3% #CB6CA7	RGB 203 108 167	#CB6CA7
50.0%	50.0% #C35A9A	RGB 195 90 154	#C35A9A
66.7%	66.7% #BB498E	RGB 187 73 142	#BB498E
83.3%	83.3% #B33982	RGB 179 57 130	#B33982
100.0%	100.0% #AB2B76	RGB 171 43 118	#AB2B76

#DB94C2 #D37FB4 #CB6CA7 #C35A9A #BB498E #B33982 #AB2B76

#DB94C2 - #C35A9A - #AB2B76

CSS codes

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

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