#070639 - #B7B7C6 | 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 #070639 to #B7B7C6

#070639 #B7B7C6

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

#070639 - #B7B7C6 | 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 #070639 as 0% and #B7B7C6 as 100%.

0.0%	0.0% #070639	RGB 7 6 57	#070639
16.7%	16.7% #242350	RGB 36 35 80	#242350
33.3%	33.3% #414168	RGB 65 65 104	#414168
50.0%	50.0% #5F5E7F	RGB 95 94 127	#5F5E7F
66.7%	66.7% #7C7C97	RGB 124 124 151	#7C7C97
83.3%	83.3% #9999AE	RGB 153 153 174	#9999AE
100.0%	100.0% #B7B7C6	RGB 183 183 198	#B7B7C6

#070639 #242350 #414168 #5F5E7F #7C7C97 #9999AE #B7B7C6

#070639 - #B7B7C6

HSV Blend

#070639 - #B7B7C6 | 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 #070639 as 0% and #B7B7C6 as 100%.

0.0%	0.0% #060639	RGB 6 6 57	#060639
16.7%	16.7% #141350	RGB 20 19 80	#141350
33.3%	33.3% #282768	RGB 40 39 104	#282768
50.0%	50.0% #42417F	RGB 66 65 127	#42417F
66.7%	66.7% #626297	RGB 98 98 151	#626297
83.3%	83.3% #8989AE	RGB 137 137 174	#8989AE
100.0%	100.0% #B7B7C6	RGB 183 183 198	#B7B7C6

#060639 #141350 #282768 #42417F #626297 #8989AE #B7B7C6

#070639 - #42417F - #B7B7C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #060639 0%, #42417F 50%, #B7B7C6 100%);
    background: -webkit-linear-gradient(top, #060639 0%, #42417F 50%, #B7B7C6 100%);
    background: linear-gradient(to bottom, #060639 0%, #42417F 50%, #B7B7C6 100%);
}
</style>