#B0565C - #641B1F | 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 #B0565C to #641B1F

#B0565C #641B1F

Calculate the color between two colors, #B0565C and #641B1F. 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)

#B0565C - #641B1F | 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 #B0565C as 0% and #641B1F as 100%.

0.0%	0.0% #B0565C	RGB 176 86 92	#B0565C
16.7%	16.7% #A34C51	RGB 163 76 81	#A34C51
33.3%	33.3% #964247	RGB 150 66 71	#964247
50.0%	50.0% #8A383D	RGB 138 56 61	#8A383D
66.7%	66.7% #7D2E33	RGB 125 46 51	#7D2E33
83.3%	83.3% #702429	RGB 112 36 41	#702429
100.0%	100.0% #641B1F	RGB 100 27 31	#641B1F

#B0565C #A34C51 #964247 #8A383D #7D2E33 #702429 #641B1F

#B0565C - #641B1F

HSV Blend

#B0565C - #641B1F | 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 #B0565C as 0% and #641B1F as 100%.

0.0%	0.0% #B0565B	RGB 176 86 91	#B0565B
16.7%	16.7% #A3494F	RGB 163 73 79	#A3494F
33.3%	33.3% #963E44	RGB 150 62 68	#963E44
50.0%	50.0% #8A3439	RGB 138 52 57	#8A3439
66.7%	66.7% #7D2A2F	RGB 125 42 47	#7D2A2F
83.3%	83.3% #702226	RGB 112 34 38	#702226
100.0%	100.0% #641B1F	RGB 100 27 31	#641B1F

#B0565B #A3494F #963E44 #8A3439 #7D2A2F #702226 #641B1F

#B0565C - #8A3439 - #641B1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0565B 0%, #8A3439 50%, #641B1F 100%);
    background: -webkit-linear-gradient(top, #B0565B 0%, #8A3439 50%, #641B1F 100%);
    background: linear-gradient(to bottom, #B0565B 0%, #8A3439 50%, #641B1F 100%);
}
</style>