#9F3C3C - #CDA5DB | 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 #9F3C3C to #CDA5DB

#9F3C3C #CDA5DB

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

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

0.0%	0.0% #9F3C3C	RGB 159 60 60	#9F3C3C
16.7%	16.7% #A64D56	RGB 166 77 86	#A64D56
33.3%	33.3% #AE5F71	RGB 174 95 113	#AE5F71
50.0%	50.0% #B6708B	RGB 182 112 139	#B6708B
66.7%	66.7% #BD82A6	RGB 189 130 166	#BD82A6
83.3%	83.3% #C593C0	RGB 197 147 192	#C593C0
100.0%	100.0% #CDA5DB	RGB 205 165 219	#CDA5DB

#9F3C3C #A64D56 #AE5F71 #B6708B #BD82A6 #C593C0 #CDA5DB

#9F3C3C - #CDA5DB

HSV Blend

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

0.0%	0.0% #9F3C3C	RGB 159 60 60	#9F3C3C
16.7%	16.7% #A94A5E	RGB 169 74 94	#A94A5E
33.3%	33.3% #B3597F	RGB 179 89 127	#B3597F
50.0%	50.0% #BD6A9E	RGB 189 106 158	#BD6A9E
66.7%	66.7% #C77CBB	RGB 199 124 187	#C77CBB
83.3%	83.3% #CD90D1	RGB 205 144 209	#CD90D1
100.0%	100.0% #CDA5DB	RGB 205 165 219	#CDA5DB

#9F3C3C #A94A5E #B3597F #BD6A9E #C77CBB #CD90D1 #CDA5DB

#9F3C3C - #BD6A9E - #CDA5DB

CSS codes

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

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