#1F0833 - #BFB8C4 | 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 #1F0833 to #BFB8C4

#1F0833 #BFB8C4

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

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

0.0%	0.0% #1F0833	RGB 31 8 51	#1F0833
16.7%	16.7% #39254B	RGB 57 37 75	#39254B
33.3%	33.3% #544263	RGB 84 66 99	#544263
50.0%	50.0% #6F607B	RGB 111 96 123	#6F607B
66.7%	66.7% #897D93	RGB 137 125 147	#897D93
83.3%	83.3% #A49AAB	RGB 164 154 171	#A49AAB
100.0%	100.0% #BFB8C4	RGB 191 184 196	#BFB8C4

#1F0833 #39254B #544263 #6F607B #897D93 #A49AAB #BFB8C4

#1F0833 - #BFB8C4

HSV Blend

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

0.0%	0.0% #1F0833	RGB 31 8 51	#1F0833
16.7%	16.7% #32154B	RGB 50 21 75	#32154B
33.3%	33.3% #492963	RGB 73 41 99	#492963
50.0%	50.0% #62437B	RGB 98 67 123	#62437B
66.7%	66.7% #7F6493	RGB 127 100 147	#7F6493
83.3%	83.3% #9D8AAB	RGB 157 138 171	#9D8AAB
100.0%	100.0% #BFB8C4	RGB 191 184 196	#BFB8C4

#1F0833 #32154B #492963 #62437B #7F6493 #9D8AAB #BFB8C4

#1F0833 - #62437B - #BFB8C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F0833 0%, #62437B 50%, #BFB8C4 100%);
    background: -webkit-linear-gradient(top, #1F0833 0%, #62437B 50%, #BFB8C4 100%);
    background: linear-gradient(to bottom, #1F0833 0%, #62437B 50%, #BFB8C4 100%);
}
</style>