#CFFFF8 - #61E2D7 | 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 #CFFFF8 to #61E2D7

#CFFFF8 #61E2D7

Calculate the color between two colors, #CFFFF8 and #61E2D7. 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)

#CFFFF8 - #61E2D7 | 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 #CFFFF8 as 0% and #61E2D7 as 100%.

0.0%	0.0% #CFFFF8	RGB 207 255 248	#CFFFF8
16.7%	16.7% #BCFAF2	RGB 188 250 242	#BCFAF2
33.3%	33.3% #AAF5ED	RGB 170 245 237	#AAF5ED
50.0%	50.0% #98F0E7	RGB 152 240 231	#98F0E7
66.7%	66.7% #85EBE2	RGB 133 235 226	#85EBE2
83.3%	83.3% #73E6DC	RGB 115 230 220	#73E6DC
100.0%	100.0% #61E2D7	RGB 97 226 215	#61E2D7

#CFFFF8 #BCFAF2 #AAF5ED #98F0E7 #85EBE2 #73E6DC #61E2D7

#CFFFF8 - #61E2D7

HSV Blend

#CFFFF8 - #61E2D7 | 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 #CFFFF8 as 0% and #61E2D7 as 100%.

0.0%	0.0% #CFFFF8	RGB 207 255 248	#CFFFF8
16.7%	16.7% #BBFAF1	RGB 187 250 241	#BBFAF1
33.3%	33.3% #A7F5EB	RGB 167 245 235	#A7F5EB
50.0%	50.0% #95F0E5	RGB 149 240 229	#95F0E5
66.7%	66.7% #83EBE0	RGB 131 235 224	#83EBE0
83.3%	83.3% #71E6DB	RGB 113 230 219	#71E6DB
100.0%	100.0% #61E2D7	RGB 97 226 215	#61E2D7

#CFFFF8 #BBFAF1 #A7F5EB #95F0E5 #83EBE0 #71E6DB #61E2D7

#CFFFF8 - #95F0E5 - #61E2D7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFFFF8 0%, #95F0E5 50%, #61E2D7 100%);
    background: -webkit-linear-gradient(top, #CFFFF8 0%, #95F0E5 50%, #61E2D7 100%);
    background: linear-gradient(to bottom, #CFFFF8 0%, #95F0E5 50%, #61E2D7 100%);
}
</style>