#9292B5 - #36496B | 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 #9292B5 to #36496B

#9292B5 #36496B

Calculate the color between two colors, #9292B5 and #36496B. 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)

#9292B5 - #36496B | 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 #9292B5 as 0% and #36496B as 100%.

0.0%	0.0% #9292B5	RGB 146 146 181	#9292B5
16.7%	16.7% #8285A8	RGB 130 133 168	#8285A8
33.3%	33.3% #73799C	RGB 115 121 156	#73799C
50.0%	50.0% #646D90	RGB 100 109 144	#646D90
66.7%	66.7% #546183	RGB 84 97 131	#546183
83.3%	83.3% #455577	RGB 69 85 119	#455577
100.0%	100.0% #36496B	RGB 54 73 107	#36496B

#9292B5 #8285A8 #73799C #646D90 #546183 #455577 #36496B

#9292B5 - #36496B

HSV Blend

#9292B5 - #36496B | 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 #9292B5 as 0% and #36496B as 100%.

0.0%	0.0% #9292B5	RGB 146 146 181	#9292B5
16.7%	16.7% #7F82A8	RGB 127 130 168	#7F82A8
33.3%	33.3% #6E739C	RGB 110 115 156	#6E739C
50.0%	50.0% #5E6790	RGB 94 103 144	#5E6790
66.7%	66.7% #4F5C83	RGB 79 92 131	#4F5C83
83.3%	83.3% #425277	RGB 66 82 119	#425277
100.0%	100.0% #36496B	RGB 54 73 107	#36496B

#9292B5 #7F82A8 #6E739C #5E6790 #4F5C83 #425277 #36496B

#9292B5 - #5E6790 - #36496B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9292B5 0%, #5E6790 50%, #36496B 100%);
    background: -webkit-linear-gradient(top, #9292B5 0%, #5E6790 50%, #36496B 100%);
    background: linear-gradient(to bottom, #9292B5 0%, #5E6790 50%, #36496B 100%);
}
</style>