#BDF9F9 - #46DADC | 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 #BDF9F9 to #46DADC

#BDF9F9 #46DADC

Calculate the color between two colors, #BDF9F9 and #46DADC. 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)

#BDF9F9 - #46DADC | 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 #BDF9F9 as 0% and #46DADC as 100%.

0.0%	0.0% #BDF9F9	RGB 189 249 249	#BDF9F9
16.7%	16.7% #A9F3F4	RGB 169 243 244	#A9F3F4
33.3%	33.3% #95EEEF	RGB 149 238 239	#95EEEF
50.0%	50.0% #81E9EA	RGB 129 233 234	#81E9EA
66.7%	66.7% #6DE4E5	RGB 109 228 229	#6DE4E5
83.3%	83.3% #59DFE0	RGB 89 223 224	#59DFE0
100.0%	100.0% #46DADC	RGB 70 218 220	#46DADC

#BDF9F9 #A9F3F4 #95EEEF #81E9EA #6DE4E5 #59DFE0 #46DADC

#BDF9F9 - #46DADC

HSV Blend

#BDF9F9 - #46DADC | 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 #BDF9F9 as 0% and #46DADC as 100%.

0.0%	0.0% #BDF9F9	RGB 189 249 249	#BDF9F9
16.7%	16.7% #A7F3F4	RGB 167 243 244	#A7F3F4
33.3%	33.3% #92EEEF	RGB 146 238 239	#92EEEF
50.0%	50.0% #7EE9EA	RGB 126 233 234	#7EE9EA
66.7%	66.7% #6AE4E5	RGB 106 228 229	#6AE4E5
83.3%	83.3% #58DFE0	RGB 88 223 224	#58DFE0
100.0%	100.0% #46DADC	RGB 70 218 220	#46DADC

#BDF9F9 #A7F3F4 #92EEEF #7EE9EA #6AE4E5 #58DFE0 #46DADC

#BDF9F9 - #7EE9EA - #46DADC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDF9F9 0%, #7EE9EA 50%, #46DADC 100%);
    background: -webkit-linear-gradient(top, #BDF9F9 0%, #7EE9EA 50%, #46DADC 100%);
    background: linear-gradient(to bottom, #BDF9F9 0%, #7EE9EA 50%, #46DADC 100%);
}
</style>