#0094EB - #D1FFD9 | 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 #0094EB to #D1FFD9

#0094EB #D1FFD9

Calculate the color between two colors, #0094EB and #D1FFD9. 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)

#0094EB - #D1FFD9 | 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 #0094EB as 0% and #D1FFD9 as 100%.

0.0%	0.0% #0094EB	RGB 0 148 235	#0094EB
16.7%	16.7% #22A5E8	RGB 34 165 232	#22A5E8
33.3%	33.3% #45B7E5	RGB 69 183 229	#45B7E5
50.0%	50.0% #68C9E2	RGB 104 201 226	#68C9E2
66.7%	66.7% #8BDBDF	RGB 139 219 223	#8BDBDF
83.3%	83.3% #AEEDDC	RGB 174 237 220	#AEEDDC
100.0%	100.0% #D1FFD9	RGB 209 255 217	#D1FFD9

#0094EB #22A5E8 #45B7E5 #68C9E2 #8BDBDF #AEEDDC #D1FFD9

#0094EB - #D1FFD9

HSV Blend

#0094EB - #D1FFD9 | 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 #0094EB as 0% and #D1FFD9 as 100%.

0.0%	0.0% #0094EB	RGB 0 148 235	#0094EB
16.7%	16.7% #20CBEE	RGB 32 203 238	#20CBEE
33.3%	33.3% #42F1EC	RGB 66 241 236	#42F1EC
50.0%	50.0% #64F5D4	RGB 100 245 212	#64F5D4
66.7%	66.7% #87F8C8	RGB 135 248 200	#87F8C8
83.3%	83.3% #ABFBC9	RGB 171 251 201	#ABFBC9
100.0%	100.0% #D1FFD9	RGB 209 255 217	#D1FFD9

#0094EB #20CBEE #42F1EC #64F5D4 #87F8C8 #ABFBC9 #D1FFD9

#0094EB - #64F5D4 - #D1FFD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0094EB 0%, #64F5D4 50%, #D1FFD9 100%);
    background: -webkit-linear-gradient(top, #0094EB 0%, #64F5D4 50%, #D1FFD9 100%);
    background: linear-gradient(to bottom, #0094EB 0%, #64F5D4 50%, #D1FFD9 100%);
}
</style>