#202A2D - #585E8C | 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 #202A2D to #585E8C

#202A2D #585E8C

Calculate the color between two colors, #202A2D and #585E8C. 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)

#202A2D - #585E8C | 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 #202A2D as 0% and #585E8C as 100%.

0.0%	0.0% #202A2D	RGB 32 42 45	#202A2D
16.7%	16.7% #29323C	RGB 41 50 60	#29323C
33.3%	33.3% #323B4C	RGB 50 59 76	#323B4C
50.0%	50.0% #3C445C	RGB 60 68 92	#3C445C
66.7%	66.7% #454C6C	RGB 69 76 108	#454C6C
83.3%	83.3% #4E557C	RGB 78 85 124	#4E557C
100.0%	100.0% #585E8C	RGB 88 94 140	#585E8C

#202A2D #29323C #323B4C #3C445C #454C6C #4E557C #585E8C

#202A2D - #585E8C

HSV Blend

#202A2D - #585E8C | 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 #202A2D as 0% and #585E8C as 100%.

0.0%	0.0% #20292D	RGB 32 41 45	#20292D
16.7%	16.7% #2A363C	RGB 42 54 60	#2A363C
33.3%	33.3% #34414C	RGB 52 65 76	#34414C
50.0%	50.0% #3D4B5C	RGB 61 75 92	#3D4B5C
66.7%	66.7% #47536C	RGB 71 83 108	#47536C
83.3%	83.3% #4F597C	RGB 79 89 124	#4F597C
100.0%	100.0% #585E8C	RGB 88 94 140	#585E8C

#20292D #2A363C #34414C #3D4B5C #47536C #4F597C #585E8C

#202A2D - #3D4B5C - #585E8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20292D 0%, #3D4B5C 50%, #585E8C 100%);
    background: -webkit-linear-gradient(top, #20292D 0%, #3D4B5C 50%, #585E8C 100%);
    background: linear-gradient(to bottom, #20292D 0%, #3D4B5C 50%, #585E8C 100%);
}
</style>