#DB96CE - #AE2885 | 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 #DB96CE to #AE2885

#DB96CE #AE2885

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

#DB96CE - #AE2885 | 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 #DB96CE as 0% and #AE2885 as 100%.

0.0%	0.0% #DB96CE	RGB 219 150 206	#DB96CE
16.7%	16.7% #D383C1	RGB 211 131 193	#D383C1
33.3%	33.3% #CC71B5	RGB 204 113 181	#CC71B5
50.0%	50.0% #C45FA9	RGB 196 95 169	#C45FA9
66.7%	66.7% #BD4C9D	RGB 189 76 157	#BD4C9D
83.3%	83.3% #B53A91	RGB 181 58 145	#B53A91
100.0%	100.0% #AE2885	RGB 174 40 133	#AE2885

#DB96CE #D383C1 #CC71B5 #C45FA9 #BD4C9D #B53A91 #AE2885

#DB96CE - #AE2885

HSV Blend

#DB96CE - #AE2885 | 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 #DB96CE as 0% and #AE2885 as 100%.

0.0%	0.0% #DB96CE	RGB 219 150 206	#DB96CE
16.7%	16.7% #D380C2	RGB 211 128 194	#D380C2
33.3%	33.3% #CC6CB6	RGB 204 108 182	#CC6CB6
50.0%	50.0% #C459AA	RGB 196 89 170	#C459AA
66.7%	66.7% #BD489D	RGB 189 72 157	#BD489D
83.3%	83.3% #B53791	RGB 181 55 145	#B53791
100.0%	100.0% #AE2885	RGB 174 40 133	#AE2885

#DB96CE #D380C2 #CC6CB6 #C459AA #BD489D #B53791 #AE2885

#DB96CE - #C459AA - #AE2885

CSS codes

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

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