#85CCA8 - #263A30 | 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 #85CCA8 to #263A30

#85CCA8 #263A30

Calculate the color between two colors, #85CCA8 and #263A30. 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)

#85CCA8 - #263A30 | 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 #85CCA8 as 0% and #263A30 as 100%.

0.0%	0.0% #85CCA8	RGB 133 204 168	#85CCA8
16.7%	16.7% #75B394	RGB 117 179 148	#75B394
33.3%	33.3% #659B80	RGB 101 155 128	#659B80
50.0%	50.0% #55836C	RGB 85 131 108	#55836C
66.7%	66.7% #456A58	RGB 69 106 88	#456A58
83.3%	83.3% #355244	RGB 53 82 68	#355244
100.0%	100.0% #263A30	RGB 38 58 48	#263A30

#85CCA8 #75B394 #659B80 #55836C #456A58 #355244 #263A30

#85CCA8 - #263A30

HSV Blend

#85CCA8 - #263A30 | 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 #85CCA8 as 0% and #263A30 as 100%.

0.0%	0.0% #85CCA8	RGB 133 204 168	#85CCA8
16.7%	16.7% #75B394	RGB 117 179 148	#75B394
33.3%	33.3% #659B80	RGB 101 155 128	#659B80
50.0%	50.0% #55836C	RGB 85 131 108	#55836C
66.7%	66.7% #456A58	RGB 69 106 88	#456A58
83.3%	83.3% #355244	RGB 53 82 68	#355244
100.0%	100.0% #263A30	RGB 38 58 48	#263A30

#85CCA8 #75B394 #659B80 #55836C #456A58 #355244 #263A30

#85CCA8 - #55836C - #263A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85CCA8 0%, #55836C 50%, #263A30 100%);
    background: -webkit-linear-gradient(top, #85CCA8 0%, #55836C 50%, #263A30 100%);
    background: linear-gradient(to bottom, #85CCA8 0%, #55836C 50%, #263A30 100%);
}
</style>