#7E7EB6 - #283768 | 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 #7E7EB6 to #283768

#7E7EB6 #283768

Calculate the color between two colors, #7E7EB6 and #283768. 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)

#7E7EB6 - #283768 | 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 #7E7EB6 as 0% and #283768 as 100%.

0.0%	0.0% #7E7EB6	RGB 126 126 182	#7E7EB6
16.7%	16.7% #6F72A9	RGB 111 114 169	#6F72A9
33.3%	33.3% #61669C	RGB 97 102 156	#61669C
50.0%	50.0% #535A8F	RGB 83 90 143	#535A8F
66.7%	66.7% #444E82	RGB 68 78 130	#444E82
83.3%	83.3% #364275	RGB 54 66 117	#364275
100.0%	100.0% #283768	RGB 40 55 104	#283768

#7E7EB6 #6F72A9 #61669C #535A8F #444E82 #364275 #283768

#7E7EB6 - #283768

HSV Blend

#7E7EB6 - #283768 | 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 #7E7EB6 as 0% and #283768 as 100%.

0.0%	0.0% #7E7EB6	RGB 126 126 182	#7E7EB6
16.7%	16.7% #6C6EA9	RGB 108 110 169	#6C6EA9
33.3%	33.3% #5C609C	RGB 92 96 156	#5C609C
50.0%	50.0% #4D548F	RGB 77 84 143	#4D548F
66.7%	66.7% #3F4982	RGB 63 73 130	#3F4982
83.3%	83.3% #333F75	RGB 51 63 117	#333F75
100.0%	100.0% #283768	RGB 40 55 104	#283768

#7E7EB6 #6C6EA9 #5C609C #4D548F #3F4982 #333F75 #283768

#7E7EB6 - #4D548F - #283768

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7EB6 0%, #4D548F 50%, #283768 100%);
    background: -webkit-linear-gradient(top, #7E7EB6 0%, #4D548F 50%, #283768 100%);
    background: linear-gradient(to bottom, #7E7EB6 0%, #4D548F 50%, #283768 100%);
}
</style>