#7E9EB6 - #242C33 | 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 #7E9EB6 to #242C33

#7E9EB6 #242C33

Calculate the color between two colors, #7E9EB6 and #242C33. 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)

#7E9EB6 - #242C33 | 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 #7E9EB6 as 0% and #242C33 as 100%.

0.0%	0.0% #7E9EB6	RGB 126 158 182	#7E9EB6
16.7%	16.7% #6F8BA0	RGB 111 139 160	#6F8BA0
33.3%	33.3% #60788A	RGB 96 120 138	#60788A
50.0%	50.0% #516574	RGB 81 101 116	#516574
66.7%	66.7% #42525E	RGB 66 82 94	#42525E
83.3%	83.3% #333F48	RGB 51 63 72	#333F48
100.0%	100.0% #242C33	RGB 36 44 51	#242C33

#7E9EB6 #6F8BA0 #60788A #516574 #42525E #333F48 #242C33

#7E9EB6 - #242C33

HSV Blend

#7E9EB6 - #242C33 | 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 #7E9EB6 as 0% and #242C33 as 100%.

0.0%	0.0% #7E9DB6	RGB 126 157 182	#7E9DB6
16.7%	16.7% #6F8AA0	RGB 111 138 160	#6F8AA0
33.3%	33.3% #60778A	RGB 96 119 138	#60778A
50.0%	50.0% #516474	RGB 81 100 116	#516474
66.7%	66.7% #42515E	RGB 66 81 94	#42515E
83.3%	83.3% #333E48	RGB 51 62 72	#333E48
100.0%	100.0% #242C33	RGB 36 44 51	#242C33

#7E9DB6 #6F8AA0 #60778A #516474 #42515E #333E48 #242C33

#7E9EB6 - #516474 - #242C33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E9DB6 0%, #516474 50%, #242C33 100%);
    background: -webkit-linear-gradient(top, #7E9DB6 0%, #516474 50%, #242C33 100%);
    background: linear-gradient(to bottom, #7E9DB6 0%, #516474 50%, #242C33 100%);
}
</style>