#907B8C - #6B293C | 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 #907B8C to #6B293C

#907B8C #6B293C

Calculate the color between two colors, #907B8C and #6B293C. 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)

#907B8C - #6B293C | 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 #907B8C as 0% and #6B293C as 100%.

0.0%	0.0% #907B8C	RGB 144 123 140	#907B8C
16.7%	16.7% #896D7E	RGB 137 109 126	#896D7E
33.3%	33.3% #835F71	RGB 131 95 113	#835F71
50.0%	50.0% #7D5264	RGB 125 82 100	#7D5264
66.7%	66.7% #774456	RGB 119 68 86	#774456
83.3%	83.3% #713649	RGB 113 54 73	#713649
100.0%	100.0% #6B293C	RGB 107 41 60	#6B293C

#907B8C #896D7E #835F71 #7D5264 #774456 #713649 #6B293C

#907B8C - #6B293C

HSV Blend

#907B8C - #6B293C | 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 #907B8C as 0% and #6B293C as 100%.

0.0%	0.0% #907B8C	RGB 144 123 140	#907B8C
16.7%	16.7% #896A81	RGB 137 106 129	#896A81
33.3%	33.3% #835B75	RGB 131 91 117	#835B75
50.0%	50.0% #7D4D67	RGB 125 77 103	#7D4D67
66.7%	66.7% #774059	RGB 119 64 89	#774059
83.3%	83.3% #71344B	RGB 113 52 75	#71344B
100.0%	100.0% #6B293C	RGB 107 41 60	#6B293C

#907B8C #896A81 #835B75 #7D4D67 #774059 #71344B #6B293C

#907B8C - #7D4D67 - #6B293C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #907B8C 0%, #7D4D67 50%, #6B293C 100%);
    background: -webkit-linear-gradient(top, #907B8C 0%, #7D4D67 50%, #6B293C 100%);
    background: linear-gradient(to bottom, #907B8C 0%, #7D4D67 50%, #6B293C 100%);
}
</style>