#DF76CE - #AA0085 | 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 #DF76CE to #AA0085

#DF76CE #AA0085

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

#DF76CE - #AA0085 | 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 #DF76CE as 0% and #AA0085 as 100%.

0.0%	0.0% #DF76CE	RGB 223 118 206	#DF76CE
16.7%	16.7% #D662C1	RGB 214 98 193	#D662C1
33.3%	33.3% #CD4EB5	RGB 205 78 181	#CD4EB5
50.0%	50.0% #C43BA9	RGB 196 59 169	#C43BA9
66.7%	66.7% #BB279D	RGB 187 39 157	#BB279D
83.3%	83.3% #B21391	RGB 178 19 145	#B21391
100.0%	100.0% #AA0085	RGB 170 0 133	#AA0085

#DF76CE #D662C1 #CD4EB5 #C43BA9 #BB279D #B21391 #AA0085

#DF76CE - #AA0085

HSV Blend

#DF76CE - #AA0085 | 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 #DF76CE as 0% and #AA0085 as 100%.

0.0%	0.0% #DF76CE	RGB 223 118 206	#DF76CE
16.7%	16.7% #D65EC1	RGB 214 94 193	#D65EC1
33.3%	33.3% #CD48B5	RGB 205 72 181	#CD48B5
50.0%	50.0% #C433A9	RGB 196 51 169	#C433A9
66.7%	66.7% #BB219C	RGB 187 33 156	#BB219C
83.3%	83.3% #B20F90	RGB 178 15 144	#B20F90
100.0%	100.0% #AA0085	RGB 170 0 133	#AA0085

#DF76CE #D65EC1 #CD48B5 #C433A9 #BB219C #B20F90 #AA0085

#DF76CE - #C433A9 - #AA0085

CSS codes

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

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