#0192C8 - #B6DFEF | 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 #0192C8 to #B6DFEF

#0192C8 #B6DFEF

Calculate the color between two colors, #0192C8 and #B6DFEF. 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)

#0192C8 - #B6DFEF | 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 #0192C8 as 0% and #B6DFEF as 100%.

0.0%	0.0% #0192C8	RGB 1 146 200	#0192C8
16.7%	16.7% #1F9ECE	RGB 31 158 206	#1F9ECE
33.3%	33.3% #3DABD5	RGB 61 171 213	#3DABD5
50.0%	50.0% #5BB8DB	RGB 91 184 219	#5BB8DB
66.7%	66.7% #79C5E2	RGB 121 197 226	#79C5E2
83.3%	83.3% #97D2E8	RGB 151 210 232	#97D2E8
100.0%	100.0% #B6DFEF	RGB 182 223 239	#B6DFEF

#0192C8 #1F9ECE #3DABD5 #5BB8DB #79C5E2 #97D2E8 #B6DFEF

#0192C8 - #B6DFEF

HSV Blend

#0192C8 - #B6DFEF | 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 #0192C8 as 0% and #B6DFEF as 100%.

0.0%	0.0% #0091C8	RGB 0 145 200	#0091C8
16.7%	16.7% #1B9DCE	RGB 27 157 206	#1B9DCE
33.3%	33.3% #36A9D5	RGB 54 169 213	#36A9D5
50.0%	50.0% #54B6DB	RGB 84 182 219	#54B6DB
66.7%	66.7% #73C3E2	RGB 115 195 226	#73C3E2
83.3%	83.3% #93D0E8	RGB 147 208 232	#93D0E8
100.0%	100.0% #B6DFEF	RGB 182 223 239	#B6DFEF

#0091C8 #1B9DCE #36A9D5 #54B6DB #73C3E2 #93D0E8 #B6DFEF

#0192C8 - #54B6DB - #B6DFEF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0091C8 0%, #54B6DB 50%, #B6DFEF 100%);
    background: -webkit-linear-gradient(top, #0091C8 0%, #54B6DB 50%, #B6DFEF 100%);
    background: linear-gradient(to bottom, #0091C8 0%, #54B6DB 50%, #B6DFEF 100%);
}
</style>