#1F0D32 - #BEB9C4 | 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 #1F0D32 to #BEB9C4

#1F0D32 #BEB9C4

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

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

0.0%	0.0% #1F0D32	RGB 31 13 50	#1F0D32
16.7%	16.7% #39294A	RGB 57 41 74	#39294A
33.3%	33.3% #544662	RGB 84 70 98	#544662
50.0%	50.0% #6E637B	RGB 110 99 123	#6E637B
66.7%	66.7% #897F93	RGB 137 127 147	#897F93
83.3%	83.3% #A39CAB	RGB 163 156 171	#A39CAB
100.0%	100.0% #BEB9C4	RGB 190 185 196	#BEB9C4

#1F0D32 #39294A #544662 #6E637B #897F93 #A39CAB #BEB9C4

#1F0D32 - #BEB9C4

HSV Blend

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

0.0%	0.0% #1E0D32	RGB 30 13 50	#1E0D32
16.7%	16.7% #321B4A	RGB 50 27 74	#321B4A
33.3%	33.3% #483062	RGB 72 48 98	#483062
50.0%	50.0% #614A7B	RGB 97 74 123	#614A7B
66.7%	66.7% #7C6993	RGB 124 105 147	#7C6993
83.3%	83.3% #9B8EAB	RGB 155 142 171	#9B8EAB
100.0%	100.0% #BEB9C4	RGB 190 185 196	#BEB9C4

#1E0D32 #321B4A #483062 #614A7B #7C6993 #9B8EAB #BEB9C4

#1F0D32 - #614A7B - #BEB9C4

CSS codes

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

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