#D28CDA - #9F399E | 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 #D28CDA to #9F399E

#D28CDA #9F399E

Calculate the color between two colors, #D28CDA and #9F399E. 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)

#D28CDA - #9F399E | 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 #D28CDA as 0% and #9F399E as 100%.

0.0%	0.0% #D28CDA	RGB 210 140 218	#D28CDA
16.7%	16.7% #C97ED0	RGB 201 126 208	#C97ED0
33.3%	33.3% #C170C6	RGB 193 112 198	#C170C6
50.0%	50.0% #B862BC	RGB 184 98 188	#B862BC
66.7%	66.7% #B054B2	RGB 176 84 178	#B054B2
83.3%	83.3% #A746A8	RGB 167 70 168	#A746A8
100.0%	100.0% #9F399E	RGB 159 57 158	#9F399E

#D28CDA #C97ED0 #C170C6 #B862BC #B054B2 #A746A8 #9F399E

#D28CDA - #9F399E

HSV Blend

#D28CDA - #9F399E | 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 #D28CDA as 0% and #9F399E as 100%.

0.0%	0.0% #D28CDA	RGB 210 140 218	#D28CDA
16.7%	16.7% #C97BD0	RGB 201 123 208	#C97BD0
33.3%	33.3% #C06CC6	RGB 192 108 198	#C06CC6
50.0%	50.0% #B85EBC	RGB 184 94 188	#B85EBC
66.7%	66.7% #AF50B2	RGB 175 80 178	#AF50B2
83.3%	83.3% #A744A8	RGB 167 68 168	#A744A8
100.0%	100.0% #9F399E	RGB 159 57 158	#9F399E

#D28CDA #C97BD0 #C06CC6 #B85EBC #AF50B2 #A744A8 #9F399E

#D28CDA - #B85EBC - #9F399E

CSS codes

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

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