#939EB6 - #2A2D33 | 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 #939EB6 to #2A2D33

#939EB6 #2A2D33

Calculate the color between two colors, #939EB6 and #2A2D33. 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)

#939EB6 - #2A2D33 | 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 #939EB6 as 0% and #2A2D33 as 100%.

0.0%	0.0% #939EB6	RGB 147 158 182	#939EB6
16.7%	16.7% #818BA0	RGB 129 139 160	#818BA0
33.3%	33.3% #70788A	RGB 112 120 138	#70788A
50.0%	50.0% #5E6574	RGB 94 101 116	#5E6574
66.7%	66.7% #4D525E	RGB 77 82 94	#4D525E
83.3%	83.3% #3B3F48	RGB 59 63 72	#3B3F48
100.0%	100.0% #2A2D33	RGB 42 45 51	#2A2D33

#939EB6 #818BA0 #70788A #5E6574 #4D525E #3B3F48 #2A2D33

#939EB6 - #2A2D33

HSV Blend

#939EB6 - #2A2D33 | 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 #939EB6 as 0% and #2A2D33 as 100%.

0.0%	0.0% #939EB6	RGB 147 158 182	#939EB6
16.7%	16.7% #818BA0	RGB 129 139 160	#818BA0
33.3%	33.3% #70788A	RGB 112 120 138	#70788A
50.0%	50.0% #5F6574	RGB 95 101 116	#5F6574
66.7%	66.7% #4D535E	RGB 77 83 94	#4D535E
83.3%	83.3% #3B4048	RGB 59 64 72	#3B4048
100.0%	100.0% #2A2D33	RGB 42 45 51	#2A2D33

#939EB6 #818BA0 #70788A #5F6574 #4D535E #3B4048 #2A2D33

#939EB6 - #5F6574 - #2A2D33

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #939EB6 0%, #5F6574 50%, #2A2D33 100%);
    background: -webkit-linear-gradient(top, #939EB6 0%, #5F6574 50%, #2A2D33 100%);
    background: linear-gradient(to bottom, #939EB6 0%, #5F6574 50%, #2A2D33 100%);
}
</style>