#BF3E5E - #690921 | 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 #BF3E5E to #690921

#BF3E5E #690921

Calculate the color between two colors, #BF3E5E and #690921. 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)

#BF3E5E - #690921 | 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 #BF3E5E as 0% and #690921 as 100%.

0.0%	0.0% #BF3E5E	RGB 191 62 94	#BF3E5E
16.7%	16.7% #B03553	RGB 176 53 83	#B03553
33.3%	33.3% #A22C49	RGB 162 44 73	#A22C49
50.0%	50.0% #94233F	RGB 148 35 63	#94233F
66.7%	66.7% #851A35	RGB 133 26 53	#851A35
83.3%	83.3% #77112B	RGB 119 17 43	#77112B
100.0%	100.0% #690921	RGB 105 9 33	#690921

#BF3E5E #B03553 #A22C49 #94233F #851A35 #77112B #690921

#BF3E5E - #690921

HSV Blend

#BF3E5E - #690921 | 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 #BF3E5E as 0% and #690921 as 100%.

0.0%	0.0% #BF3E5E	RGB 191 62 94	#BF3E5E
16.7%	16.7% #B03251	RGB 176 50 81	#B03251
33.3%	33.3% #A22746	RGB 162 39 70	#A22746
50.0%	50.0% #941E3B	RGB 148 30 59	#941E3B
66.7%	66.7% #851631	RGB 133 22 49	#851631
83.3%	83.3% #770E29	RGB 119 14 41	#770E29
100.0%	100.0% #690921	RGB 105 9 33	#690921

#BF3E5E #B03251 #A22746 #941E3B #851631 #770E29 #690921

#BF3E5E - #941E3B - #690921

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF3E5E 0%, #941E3B 50%, #690921 100%);
    background: -webkit-linear-gradient(top, #BF3E5E 0%, #941E3B 50%, #690921 100%);
    background: linear-gradient(to bottom, #BF3E5E 0%, #941E3B 50%, #690921 100%);
}
</style>