#DC8CEC - #B038D3 | 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 #DC8CEC to #B038D3

#DC8CEC #B038D3

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

#DC8CEC - #B038D3 | 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 #DC8CEC as 0% and #B038D3 as 100%.

0.0%	0.0% #DC8CEC	RGB 220 140 236	#DC8CEC
16.7%	16.7% #D47EE7	RGB 212 126 231	#D47EE7
33.3%	33.3% #CD70E3	RGB 205 112 227	#CD70E3
50.0%	50.0% #C662DF	RGB 198 98 223	#C662DF
66.7%	66.7% #BE54DB	RGB 190 84 219	#BE54DB
83.3%	83.3% #B746D7	RGB 183 70 215	#B746D7
100.0%	100.0% #B038D3	RGB 176 56 211	#B038D3

#DC8CEC #D47EE7 #CD70E3 #C662DF #BE54DB #B746D7 #B038D3

#DC8CEC - #B038D3

HSV Blend

#DC8CEC - #B038D3 | 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 #DC8CEC as 0% and #B038D3 as 100%.

0.0%	0.0% #DC8CEC	RGB 220 140 236	#DC8CEC
16.7%	16.7% #D47CE7	RGB 212 124 231	#D47CE7
33.3%	33.3% #CD6EE3	RGB 205 110 227	#CD6EE3
50.0%	50.0% #C65FDF	RGB 198 95 223	#C65FDF
66.7%	66.7% #BF52DB	RGB 191 82 219	#BF52DB
83.3%	83.3% #B744D7	RGB 183 68 215	#B744D7
100.0%	100.0% #B038D3	RGB 176 56 211	#B038D3

#DC8CEC #D47CE7 #CD6EE3 #C65FDF #BF52DB #B744D7 #B038D3

#DC8CEC - #C65FDF - #B038D3

CSS codes

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

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