#0092C0 - #B6DFED | 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 #0092C0 to #B6DFED

#0092C0 #B6DFED

Calculate the color between two colors, #0092C0 and #B6DFED. 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)

#0092C0 - #B6DFED | 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 #0092C0 as 0% and #B6DFED as 100%.

0.0%	0.0% #0092C0	RGB 0 146 192	#0092C0
16.7%	16.7% #1E9EC7	RGB 30 158 199	#1E9EC7
33.3%	33.3% #3CABCF	RGB 60 171 207	#3CABCF
50.0%	50.0% #5BB8D6	RGB 91 184 214	#5BB8D6
66.7%	66.7% #79C5DE	RGB 121 197 222	#79C5DE
83.3%	83.3% #97D2E5	RGB 151 210 229	#97D2E5
100.0%	100.0% #B6DFED	RGB 182 223 237	#B6DFED

#0092C0 #1E9EC7 #3CABCF #5BB8D6 #79C5DE #97D2E5 #B6DFED

#0092C0 - #B6DFED

HSV Blend

#0092C0 - #B6DFED | 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 #0092C0 as 0% and #B6DFED as 100%.

0.0%	0.0% #0091C0	RGB 0 145 192	#0091C0
16.7%	16.7% #199DC7	RGB 25 157 199	#199DC7
33.3%	33.3% #34A9CF	RGB 52 169 207	#34A9CF
50.0%	50.0% #52B5D6	RGB 82 181 214	#52B5D6
66.7%	66.7% #71C2DE	RGB 113 194 222	#71C2DE
83.3%	83.3% #92D0E5	RGB 146 208 229	#92D0E5
100.0%	100.0% #B6DFED	RGB 182 223 237	#B6DFED

#0091C0 #199DC7 #34A9CF #52B5D6 #71C2DE #92D0E5 #B6DFED

#0092C0 - #52B5D6 - #B6DFED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0091C0 0%, #52B5D6 50%, #B6DFED 100%);
    background: -webkit-linear-gradient(top, #0091C0 0%, #52B5D6 50%, #B6DFED 100%);
    background: linear-gradient(to bottom, #0091C0 0%, #52B5D6 50%, #B6DFED 100%);
}
</style>