#088D89 - #B8DEDD | 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 #088D89 to #B8DEDD

#088D89 #B8DEDD

Calculate the color between two colors, #088D89 and #B8DEDD. 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)

#088D89 - #B8DEDD | 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 #088D89 as 0% and #B8DEDD as 100%.

0.0%	0.0% #088D89	RGB 8 141 137	#088D89
16.7%	16.7% #259A97	RGB 37 154 151	#259A97
33.3%	33.3% #42A8A5	RGB 66 168 165	#42A8A5
50.0%	50.0% #60B5B3	RGB 96 181 179	#60B5B3
66.7%	66.7% #7DC3C1	RGB 125 195 193	#7DC3C1
83.3%	83.3% #9AD0CF	RGB 154 208 207	#9AD0CF
100.0%	100.0% #B8DEDD	RGB 184 222 221	#B8DEDD

#088D89 #259A97 #42A8A5 #60B5B3 #7DC3C1 #9AD0CF #B8DEDD

#088D89 - #B8DEDD

HSV Blend

#088D89 - #B8DEDD | 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 #088D89 as 0% and #B8DEDD as 100%.

0.0%	0.0% #088D88	RGB 8 141 136	#088D88
16.7%	16.7% #1C9A96	RGB 28 154 150	#1C9A96
33.3%	33.3% #34A8A4	RGB 52 168 164	#34A8A4
50.0%	50.0% #50B5B2	RGB 80 181 178	#50B5B2
66.7%	66.7% #6FC3C0	RGB 111 195 192	#6FC3C0
83.3%	83.3% #91D0CE	RGB 145 208 206	#91D0CE
100.0%	100.0% #B8DEDD	RGB 184 222 221	#B8DEDD

#088D88 #1C9A96 #34A8A4 #50B5B2 #6FC3C0 #91D0CE #B8DEDD

#088D89 - #50B5B2 - #B8DEDD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #088D88 0%, #50B5B2 50%, #B8DEDD 100%);
    background: -webkit-linear-gradient(top, #088D88 0%, #50B5B2 50%, #B8DEDD 100%);
    background: linear-gradient(to bottom, #088D88 0%, #50B5B2 50%, #B8DEDD 100%);
}
</style>