#DD83C7 - #AB137C | 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 #DD83C7 to #AB137C

#DD83C7 #AB137C

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

#DD83C7 - #AB137C | 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 #DD83C7 as 0% and #AB137C as 100%.

0.0%	0.0% #DD83C7	RGB 221 131 199	#DD83C7
16.7%	16.7% #D470BA	RGB 212 112 186	#D470BA
33.3%	33.3% #CC5DAE	RGB 204 93 174	#CC5DAE
50.0%	50.0% #C44BA1	RGB 196 75 161	#C44BA1
66.7%	66.7% #BB3895	RGB 187 56 149	#BB3895
83.3%	83.3% #B32588	RGB 179 37 136	#B32588
100.0%	100.0% #AB137C	RGB 171 19 124	#AB137C

#DD83C7 #D470BA #CC5DAE #C44BA1 #BB3895 #B32588 #AB137C

#DD83C7 - #AB137C

HSV Blend

#DD83C7 - #AB137C | 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 #DD83C7 as 0% and #AB137C as 100%.

0.0%	0.0% #DD83C7	RGB 221 131 199	#DD83C7
16.7%	16.7% #D46CBA	RGB 212 108 186	#D46CBA
33.3%	33.3% #CC58AD	RGB 204 88 173	#CC58AD
50.0%	50.0% #C444A0	RGB 196 68 160	#C444A0
66.7%	66.7% #BB3294	RGB 187 50 148	#BB3294
83.3%	83.3% #B32288	RGB 179 34 136	#B32288
100.0%	100.0% #AB137C	RGB 171 19 124	#AB137C

#DD83C7 #D46CBA #CC58AD #C444A0 #BB3294 #B32288 #AB137C

#DD83C7 - #C444A0 - #AB137C

CSS codes

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

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