#009CD1 - #95EEE3 | 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 #009CD1 to #95EEE3

#009CD1 #95EEE3

Calculate the color between two colors, #009CD1 and #95EEE3. 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)

#009CD1 - #95EEE3 | 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 #009CD1 as 0% and #95EEE3 as 100%.

0.0%	0.0% #009CD1	RGB 0 156 209	#009CD1
16.7%	16.7% #18A9D4	RGB 24 169 212	#18A9D4
33.3%	33.3% #31B7D7	RGB 49 183 215	#31B7D7
50.0%	50.0% #4AC5DA	RGB 74 197 218	#4AC5DA
66.7%	66.7% #63D2DD	RGB 99 210 221	#63D2DD
83.3%	83.3% #7CE0E0	RGB 124 224 224	#7CE0E0
100.0%	100.0% #95EEE3	RGB 149 238 227	#95EEE3

#009CD1 #18A9D4 #31B7D7 #4AC5DA #63D2DD #7CE0E0 #95EEE3

#009CD1 - #95EEE3

HSV Blend

#009CD1 - #95EEE3 | 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 #009CD1 as 0% and #95EEE3 as 100%.

0.0%	0.0% #009CD1	RGB 0 156 209	#009CD1
16.7%	16.7% #16B1D5	RGB 22 177 213	#16B1D5
33.3%	33.3% #2DC4DA	RGB 45 196 218	#2DC4DA
50.0%	50.0% #45D5DF	RGB 69 213 223	#45D5DF
66.7%	66.7% #5FE4E4	RGB 95 228 228	#5FE4E4
83.3%	83.3% #79E9E2	RGB 121 233 226	#79E9E2
100.0%	100.0% #95EEE3	RGB 149 238 227	#95EEE3

#009CD1 #16B1D5 #2DC4DA #45D5DF #5FE4E4 #79E9E2 #95EEE3

#009CD1 - #45D5DF - #95EEE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009CD1 0%, #45D5DF 50%, #95EEE3 100%);
    background: -webkit-linear-gradient(top, #009CD1 0%, #45D5DF 50%, #95EEE3 100%);
    background: linear-gradient(to bottom, #009CD1 0%, #45D5DF 50%, #95EEE3 100%);
}
</style>