#CD6FDB - #3A1F3E | 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 #CD6FDB to #3A1F3E

#CD6FDB #3A1F3E

Calculate the color between two colors, #CD6FDB and #3A1F3E. 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)

#CD6FDB - #3A1F3E | 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 #CD6FDB as 0% and #3A1F3E as 100%.

0.0%	0.0% #CD6FDB	RGB 205 111 219	#CD6FDB
16.7%	16.7% #B461C0	RGB 180 97 192	#B461C0
33.3%	33.3% #9C54A6	RGB 156 84 166	#9C54A6
50.0%	50.0% #83478C	RGB 131 71 140	#83478C
66.7%	66.7% #6B3972	RGB 107 57 114	#6B3972
83.3%	83.3% #522C58	RGB 82 44 88	#522C58
100.0%	100.0% #3A1F3E	RGB 58 31 62	#3A1F3E

#CD6FDB #B461C0 #9C54A6 #83478C #6B3972 #522C58 #3A1F3E

#CD6FDB - #3A1F3E

HSV Blend

#CD6FDB - #3A1F3E | 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 #CD6FDB as 0% and #3A1F3E as 100%.

0.0%	0.0% #CD6FDB	RGB 205 111 219	#CD6FDB
16.7%	16.7% #B461C0	RGB 180 97 192	#B461C0
33.3%	33.3% #9B54A6	RGB 155 84 166	#9B54A6
50.0%	50.0% #83468C	RGB 131 70 140	#83468C
66.7%	66.7% #6A3972	RGB 106 57 114	#6A3972
83.3%	83.3% #522C58	RGB 82 44 88	#522C58
100.0%	100.0% #3A1F3E	RGB 58 31 62	#3A1F3E

#CD6FDB #B461C0 #9B54A6 #83468C #6A3972 #522C58 #3A1F3E

#CD6FDB - #83468C - #3A1F3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD6FDB 0%, #83468C 50%, #3A1F3E 100%);
    background: -webkit-linear-gradient(top, #CD6FDB 0%, #83468C 50%, #3A1F3E 100%);
    background: linear-gradient(to bottom, #CD6FDB 0%, #83468C 50%, #3A1F3E 100%);
}
</style>