#288889 - #C2D6B6 | 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 #288889 to #C2D6B6

#288889 #C2D6B6

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

#288889 - #C2D6B6 | 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 #288889 as 0% and #C2D6B6 as 100%.

0.0%	0.0% #288889	RGB 40 136 137	#288889
16.7%	16.7% #419590	RGB 65 149 144	#419590
33.3%	33.3% #5BA298	RGB 91 162 152	#5BA298
50.0%	50.0% #75AF9F	RGB 117 175 159	#75AF9F
66.7%	66.7% #8EBCA7	RGB 142 188 167	#8EBCA7
83.3%	83.3% #A8C9AE	RGB 168 201 174	#A8C9AE
100.0%	100.0% #C2D6B6	RGB 194 214 182	#C2D6B6

#288889 #419590 #5BA298 #75AF9F #8EBCA7 #A8C9AE #C2D6B6

#288889 - #C2D6B6

HSV Blend

#288889 - #C2D6B6 | 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 #288889 as 0% and #C2D6B6 as 100%.

0.0%	0.0% #288889	RGB 40 136 137	#288889
16.7%	16.7% #399581	RGB 57 149 129	#399581
33.3%	33.3% #4DA27C	RGB 77 162 124	#4DA27C
50.0%	50.0% #64AF7C	RGB 100 175 124	#64AF7C
66.7%	66.7% #7DBC82	RGB 125 188 130	#7DBC82
83.3%	83.3% #9FC998	RGB 159 201 152	#9FC998
100.0%	100.0% #C2D6B6	RGB 194 214 182	#C2D6B6

#288889 #399581 #4DA27C #64AF7C #7DBC82 #9FC998 #C2D6B6

#288889 - #64AF7C - #C2D6B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #288889 0%, #64AF7C 50%, #C2D6B6 100%);
    background: -webkit-linear-gradient(top, #288889 0%, #64AF7C 50%, #C2D6B6 100%);
    background: linear-gradient(to bottom, #288889 0%, #64AF7C 50%, #C2D6B6 100%);
}
</style>