#D38FD0 - #8C2B80 | 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 #D38FD0 to #8C2B80

#D38FD0 #8C2B80

Calculate the color between two colors, #D38FD0 and #8C2B80. 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)

#D38FD0 - #8C2B80 | 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 #D38FD0 as 0% and #8C2B80 as 100%.

0.0%	0.0% #D38FD0	RGB 211 143 208	#D38FD0
16.7%	16.7% #C77EC2	RGB 199 126 194	#C77EC2
33.3%	33.3% #BB6DB5	RGB 187 109 181	#BB6DB5
50.0%	50.0% #AF5DA8	RGB 175 93 168	#AF5DA8
66.7%	66.7% #A34C9A	RGB 163 76 154	#A34C9A
83.3%	83.3% #973B8D	RGB 151 59 141	#973B8D
100.0%	100.0% #8C2B80	RGB 140 43 128	#8C2B80

#D38FD0 #C77EC2 #BB6DB5 #AF5DA8 #A34C9A #973B8D #8C2B80

#D38FD0 - #8C2B80

HSV Blend

#D38FD0 - #8C2B80 | 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 #D38FD0 as 0% and #8C2B80 as 100%.

0.0%	0.0% #D38FD0	RGB 211 143 208	#D38FD0
16.7%	16.7% #C77AC2	RGB 199 122 194	#C77AC2
33.3%	33.3% #BB67B5	RGB 187 103 181	#BB67B5
50.0%	50.0% #AF56A8	RGB 175 86 168	#AF56A8
66.7%	66.7% #A3469A	RGB 163 70 154	#A3469A
83.3%	83.3% #97388D	RGB 151 56 141	#97388D
100.0%	100.0% #8C2B80	RGB 140 43 128	#8C2B80

#D38FD0 #C77AC2 #BB67B5 #AF56A8 #A3469A #97388D #8C2B80

#D38FD0 - #AF56A8 - #8C2B80

CSS codes

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

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