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

#088D8B #B8DEDD

Calculate the color between two colors, #088D8B 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)

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

0.0%	0.0% #088D8B	RGB 8 141 139	#088D8B
16.7%	16.7% #259A98	RGB 37 154 152	#259A98
33.3%	33.3% #42A8A6	RGB 66 168 166	#42A8A6
50.0%	50.0% #60B5B4	RGB 96 181 180	#60B5B4
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

#088D8B #259A98 #42A8A6 #60B5B4 #7DC3C1 #9AD0CF #B8DEDD

#088D8B - #B8DEDD

HSV Blend

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

0.0%	0.0% #088D8B	RGB 8 141 139	#088D8B
16.7%	16.7% #1C9A98	RGB 28 154 152	#1C9A98
33.3%	33.3% #34A8A5	RGB 52 168 165	#34A8A5
50.0%	50.0% #50B5B3	RGB 80 181 179	#50B5B3
66.7%	66.7% #6FC3C1	RGB 111 195 193	#6FC3C1
83.3%	83.3% #91D0CE	RGB 145 208 206	#91D0CE
100.0%	100.0% #B8DEDD	RGB 184 222 221	#B8DEDD

#088D8B #1C9A98 #34A8A5 #50B5B3 #6FC3C1 #91D0CE #B8DEDD

#088D8B - #50B5B3 - #B8DEDD

CSS codes

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

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