#46ECE5 - #CAF9F7 | 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 #46ECE5 to #CAF9F7

#46ECE5 #CAF9F7

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

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

0.0%	0.0% #46ECE5	RGB 70 236 229	#46ECE5
16.7%	16.7% #5CEEE8	RGB 92 238 232	#5CEEE8
33.3%	33.3% #72F0EB	RGB 114 240 235	#72F0EB
50.0%	50.0% #88F2EE	RGB 136 242 238	#88F2EE
66.7%	66.7% #9EF4F1	RGB 158 244 241	#9EF4F1
83.3%	83.3% #B4F6F4	RGB 180 246 244	#B4F6F4
100.0%	100.0% #CAF9F7	RGB 202 249 247	#CAF9F7

#46ECE5 #5CEEE8 #72F0EB #88F2EE #9EF4F1 #B4F6F4 #CAF9F7

#46ECE5 - #CAF9F7

HSV Blend

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

0.0%	0.0% #46ECE5	RGB 70 236 229	#46ECE5
16.7%	16.7% #5BEEE7	RGB 91 238 231	#5BEEE7
33.3%	33.3% #70F0EA	RGB 112 240 234	#70F0EA
50.0%	50.0% #86F2ED	RGB 134 242 237	#86F2ED
66.7%	66.7% #9CF4F0	RGB 156 244 240	#9CF4F0
83.3%	83.3% #B3F6F3	RGB 179 246 243	#B3F6F3
100.0%	100.0% #CAF9F7	RGB 202 249 247	#CAF9F7

#46ECE5 #5BEEE7 #70F0EA #86F2ED #9CF4F0 #B3F6F3 #CAF9F7

#46ECE5 - #86F2ED - #CAF9F7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #46ECE5 0%, #86F2ED 50%, #CAF9F7 100%);
    background: -webkit-linear-gradient(top, #46ECE5 0%, #86F2ED 50%, #CAF9F7 100%);
    background: linear-gradient(to bottom, #46ECE5 0%, #86F2ED 50%, #CAF9F7 100%);
}
</style>