#3DF9F8 - #00DDEE | 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 #3DF9F8 to #00DDEE

#3DF9F8 #00DDEE

Calculate the color between two colors, #3DF9F8 and #00DDEE. 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)

#3DF9F8 - #00DDEE | 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 #3DF9F8 as 0% and #00DDEE as 100%.

0.0%	0.0% #3DF9F8	RGB 61 249 248	#3DF9F8
16.7%	16.7% #32F4F6	RGB 50 244 246	#32F4F6
33.3%	33.3% #28EFF4	RGB 40 239 244	#28EFF4
50.0%	50.0% #1EEBF3	RGB 30 235 243	#1EEBF3
66.7%	66.7% #14E6F1	RGB 20 230 241	#14E6F1
83.3%	83.3% #0AE1EF	RGB 10 225 239	#0AE1EF
100.0%	100.0% #00DDEE	RGB 0 221 238	#00DDEE

#3DF9F8 #32F4F6 #28EFF4 #1EEBF3 #14E6F1 #0AE1EF #00DDEE

#3DF9F8 - #00DDEE

HSV Blend

#3DF9F8 - #00DDEE | 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 #3DF9F8 as 0% and #00DDEE as 100%.

0.0%	0.0% #3DF9F8	RGB 61 249 248	#3DF9F8
16.7%	16.7% #32F5F7	RGB 50 245 247	#32F5F7
33.3%	33.3% #28F1F5	RGB 40 241 245	#28F1F5
50.0%	50.0% #1DECF3	RGB 29 236 243	#1DECF3
66.7%	66.7% #13E7F1	RGB 19 231 241	#13E7F1
83.3%	83.3% #09E2EF	RGB 9 226 239	#09E2EF
100.0%	100.0% #00DDEE	RGB 0 221 238	#00DDEE

#3DF9F8 #32F5F7 #28F1F5 #1DECF3 #13E7F1 #09E2EF #00DDEE

#3DF9F8 - #1DECF3 - #00DDEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3DF9F8 0%, #1DECF3 50%, #00DDEE 100%);
    background: -webkit-linear-gradient(top, #3DF9F8 0%, #1DECF3 50%, #00DDEE 100%);
    background: linear-gradient(to bottom, #3DF9F8 0%, #1DECF3 50%, #00DDEE 100%);
}
</style>