#0094D4 - #B5FFC1 | 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 #0094D4 to #B5FFC1

#0094D4 #B5FFC1

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

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

0.0%	0.0% #0094D4	RGB 0 148 212	#0094D4
16.7%	16.7% #1EA5D0	RGB 30 165 208	#1EA5D0
33.3%	33.3% #3CB7CD	RGB 60 183 205	#3CB7CD
50.0%	50.0% #5AC9CA	RGB 90 201 202	#5AC9CA
66.7%	66.7% #78DBC7	RGB 120 219 199	#78DBC7
83.3%	83.3% #96EDC4	RGB 150 237 196	#96EDC4
100.0%	100.0% #B5FFC1	RGB 181 255 193	#B5FFC1

#0094D4 #1EA5D0 #3CB7CD #5AC9CA #78DBC7 #96EDC4 #B5FFC1

#0094D4 - #B5FFC1

HSV Blend

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

0.0%	0.0% #0093D4	RGB 0 147 212	#0093D4
16.7%	16.7% #19C5DB	RGB 25 197 219	#19C5DB
33.3%	33.3% #35E2D4	RGB 53 226 212	#35E2D4
50.0%	50.0% #52E9C1	RGB 82 233 193	#52E9C1
66.7%	66.7% #71F0B6	RGB 113 240 182	#71F0B6
83.3%	83.3% #92F7B6	RGB 146 247 182	#92F7B6
100.0%	100.0% #B5FFC1	RGB 181 255 193	#B5FFC1

#0093D4 #19C5DB #35E2D4 #52E9C1 #71F0B6 #92F7B6 #B5FFC1

#0094D4 - #52E9C1 - #B5FFC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0093D4 0%, #52E9C1 50%, #B5FFC1 100%);
    background: -webkit-linear-gradient(top, #0093D4 0%, #52E9C1 50%, #B5FFC1 100%);
    background: linear-gradient(to bottom, #0093D4 0%, #52E9C1 50%, #B5FFC1 100%);
}
</style>