#819EB6 - #242D33 | 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 #819EB6 to #242D33

#819EB6 #242D33

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

#819EB6 - #242D33 | 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 #819EB6 as 0% and #242D33 as 100%.

0.0%	0.0% #819EB6	RGB 129 158 182	#819EB6
16.7%	16.7% #718BA0	RGB 113 139 160	#718BA0
33.3%	33.3% #62788A	RGB 98 120 138	#62788A
50.0%	50.0% #526574	RGB 82 101 116	#526574
66.7%	66.7% #43525E	RGB 67 82 94	#43525E
83.3%	83.3% #333F48	RGB 51 63 72	#333F48
100.0%	100.0% #242D33	RGB 36 45 51	#242D33

#819EB6 #718BA0 #62788A #526574 #43525E #333F48 #242D33

#819EB6 - #242D33

HSV Blend

#819EB6 - #242D33 | 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 #819EB6 as 0% and #242D33 as 100%.

0.0%	0.0% #819EB6	RGB 129 158 182	#819EB6
16.7%	16.7% #718BA0	RGB 113 139 160	#718BA0
33.3%	33.3% #61788A	RGB 97 120 138	#61788A
50.0%	50.0% #526574	RGB 82 101 116	#526574
66.7%	66.7% #42535E	RGB 66 83 94	#42535E
83.3%	83.3% #334048	RGB 51 64 72	#334048
100.0%	100.0% #242D33	RGB 36 45 51	#242D33

#819EB6 #718BA0 #61788A #526574 #42535E #334048 #242D33

#819EB6 - #526574 - #242D33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #819EB6 0%, #526574 50%, #242D33 100%);
    background: -webkit-linear-gradient(top, #819EB6 0%, #526574 50%, #242D33 100%);
    background: linear-gradient(to bottom, #819EB6 0%, #526574 50%, #242D33 100%);
}
</style>