#008B8B - #B6DDDD | 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 #008B8B to #B6DDDD

#008B8B #B6DDDD

Calculate the color between two colors, #008B8B and #B6DDDD. 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)

#008B8B - #B6DDDD | 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 #008B8B as 0% and #B6DDDD as 100%.

0.0%	0.0% #008B8B	RGB 0 139 139	#008B8B
16.7%	16.7% #1E9898	RGB 30 152 152	#1E9898
33.3%	33.3% #3CA6A6	RGB 60 166 166	#3CA6A6
50.0%	50.0% #5BB4B4	RGB 91 180 180	#5BB4B4
66.7%	66.7% #79C1C1	RGB 121 193 193	#79C1C1
83.3%	83.3% #97CFCF	RGB 151 207 207	#97CFCF
100.0%	100.0% #B6DDDD	RGB 182 221 221	#B6DDDD

#008B8B #1E9898 #3CA6A6 #5BB4B4 #79C1C1 #97CFCF #B6DDDD

#008B8B - #B6DDDD

HSV Blend

#008B8B - #B6DDDD | 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 #008B8B as 0% and #B6DDDD as 100%.

0.0%	0.0% #008B8B	RGB 0 139 139	#008B8B
16.7%	16.7% #149898	RGB 20 152 152	#149898
33.3%	33.3% #2DA6A6	RGB 45 166 166	#2DA6A6
50.0%	50.0% #4AB4B4	RGB 74 180 180	#4AB4B4
66.7%	66.7% #6AC1C1	RGB 106 193 193	#6AC1C1
83.3%	83.3% #8ECFCF	RGB 142 207 207	#8ECFCF
100.0%	100.0% #B6DDDD	RGB 182 221 221	#B6DDDD

#008B8B #149898 #2DA6A6 #4AB4B4 #6AC1C1 #8ECFCF #B6DDDD

#008B8B - #4AB4B4 - #B6DDDD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008B8B 0%, #4AB4B4 50%, #B6DDDD 100%);
    background: -webkit-linear-gradient(top, #008B8B 0%, #4AB4B4 50%, #B6DDDD 100%);
    background: linear-gradient(to bottom, #008B8B 0%, #4AB4B4 50%, #B6DDDD 100%);
}
</style>