#1E0D30 - #BEB9C3 | 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 #1E0D30 to #BEB9C3

#1E0D30 #BEB9C3

Calculate the color between two colors, #1E0D30 and #BEB9C3. 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)

#1E0D30 - #BEB9C3 | 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 #1E0D30 as 0% and #BEB9C3 as 100%.

0.0%	0.0% #1E0D30	RGB 30 13 48	#1E0D30
16.7%	16.7% #382948	RGB 56 41 72	#382948
33.3%	33.3% #534661	RGB 83 70 97	#534661
50.0%	50.0% #6E6379	RGB 110 99 121	#6E6379
66.7%	66.7% #887F92	RGB 136 127 146	#887F92
83.3%	83.3% #A39CAA	RGB 163 156 170	#A39CAA
100.0%	100.0% #BEB9C3	RGB 190 185 195	#BEB9C3

#1E0D30 #382948 #534661 #6E6379 #887F92 #A39CAA #BEB9C3

#1E0D30 - #BEB9C3

HSV Blend

#1E0D30 - #BEB9C3 | 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 #1E0D30 as 0% and #BEB9C3 as 100%.

0.0%	0.0% #1E0D30	RGB 30 13 48	#1E0D30
16.7%	16.7% #311B48	RGB 49 27 72	#311B48
33.3%	33.3% #483061	RGB 72 48 97	#483061
50.0%	50.0% #614A79	RGB 97 74 121	#614A79
66.7%	66.7% #7D6992	RGB 125 105 146	#7D6992
83.3%	83.3% #9C8EAA	RGB 156 142 170	#9C8EAA
100.0%	100.0% #BEB9C3	RGB 190 185 195	#BEB9C3

#1E0D30 #311B48 #483061 #614A79 #7D6992 #9C8EAA #BEB9C3

#1E0D30 - #614A79 - #BEB9C3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E0D30 0%, #614A79 50%, #BEB9C3 100%);
    background: -webkit-linear-gradient(top, #1E0D30 0%, #614A79 50%, #BEB9C3 100%);
    background: linear-gradient(to bottom, #1E0D30 0%, #614A79 50%, #BEB9C3 100%);
}
</style>