#2D5C62 - #8D9792 | 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 #2D5C62 to #8D9792

#2D5C62 #8D9792

Calculate the color between two colors, #2D5C62 and #8D9792. 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)

#2D5C62 - #8D9792 | 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 #2D5C62 as 0% and #8D9792 as 100%.

0.0%	0.0% #2D5C62	RGB 45 92 98	#2D5C62
16.7%	16.7% #3D656A	RGB 61 101 106	#3D656A
33.3%	33.3% #4D6F72	RGB 77 111 114	#4D6F72
50.0%	50.0% #5D797A	RGB 93 121 122	#5D797A
66.7%	66.7% #6D8382	RGB 109 131 130	#6D8382
83.3%	83.3% #7D8D8A	RGB 125 141 138	#7D8D8A
100.0%	100.0% #8D9792	RGB 141 151 146	#8D9792

#2D5C62 #3D656A #4D6F72 #5D797A #6D8382 #7D8D8A #8D9792

#2D5C62 - #8D9792

HSV Blend

#2D5C62 - #8D9792 | 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 #2D5C62 as 0% and #8D9792 as 100%.

0.0%	0.0% #2D5B62	RGB 45 91 98	#2D5B62
16.7%	16.7% #396A6A	RGB 57 106 106	#396A6A
33.3%	33.3% #47736F	RGB 71 115 111	#47736F
50.0%	50.0% #567C75	RGB 86 124 117	#567C75
66.7%	66.7% #67857C	RGB 103 133 124	#67857C
83.3%	83.3% #798E85	RGB 121 142 133	#798E85
100.0%	100.0% #8D9792	RGB 141 151 146	#8D9792

#2D5B62 #396A6A #47736F #567C75 #67857C #798E85 #8D9792

#2D5C62 - #567C75 - #8D9792

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5B62 0%, #567C75 50%, #8D9792 100%);
    background: -webkit-linear-gradient(top, #2D5B62 0%, #567C75 50%, #8D9792 100%);
    background: linear-gradient(to bottom, #2D5B62 0%, #567C75 50%, #8D9792 100%);
}
</style>