#2D2D48 - #6C6873 | 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 #2D2D48 to #6C6873

#2D2D48 #6C6873

Calculate the color between two colors, #2D2D48 and #6C6873. 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)

#2D2D48 - #6C6873 | 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 #2D2D48 as 0% and #6C6873 as 100%.

0.0%	0.0% #2D2D48	RGB 45 45 72	#2D2D48
16.7%	16.7% #37364F	RGB 55 54 79	#37364F
33.3%	33.3% #424056	RGB 66 64 86	#424056
50.0%	50.0% #4C4A5D	RGB 76 74 93	#4C4A5D
66.7%	66.7% #575464	RGB 87 84 100	#575464
83.3%	83.3% #615E6B	RGB 97 94 107	#615E6B
100.0%	100.0% #6C6873	RGB 108 104 115	#6C6873

#2D2D48 #37364F #424056 #4C4A5D #575464 #615E6B #6C6873

#2D2D48 - #6C6873

HSV Blend

#2D2D48 - #6C6873 | 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 #2D2D48 as 0% and #6C6873 as 100%.

0.0%	0.0% #2D2D48	RGB 45 45 72	#2D2D48
16.7%	16.7% #36354F	RGB 54 53 79	#36354F
33.3%	33.3% #403D56	RGB 64 61 86	#403D56
50.0%	50.0% #4B475D	RGB 75 71 93	#4B475D
66.7%	66.7% #565164	RGB 86 81 100	#565164
83.3%	83.3% #615C6B	RGB 97 92 107	#615C6B
100.0%	100.0% #6C6873	RGB 108 104 115	#6C6873

#2D2D48 #36354F #403D56 #4B475D #565164 #615C6B #6C6873

#2D2D48 - #4B475D - #6C6873

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D48 0%, #4B475D 50%, #6C6873 100%);
    background: -webkit-linear-gradient(top, #2D2D48 0%, #4B475D 50%, #6C6873 100%);
    background: linear-gradient(to bottom, #2D2D48 0%, #4B475D 50%, #6C6873 100%);
}
</style>