#CFFFFD - #6CD5C2 | 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 #CFFFFD to #6CD5C2

#CFFFFD #6CD5C2

Calculate the color between two colors, #CFFFFD and #6CD5C2. 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)

#CFFFFD - #6CD5C2 | 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 #CFFFFD as 0% and #6CD5C2 as 100%.

0.0%	0.0% #CFFFFD	RGB 207 255 253	#CFFFFD
16.7%	16.7% #BEF8F3	RGB 190 248 243	#BEF8F3
33.3%	33.3% #AEF1E9	RGB 174 241 233	#AEF1E9
50.0%	50.0% #9DEADF	RGB 157 234 223	#9DEADF
66.7%	66.7% #8DE3D5	RGB 141 227 213	#8DE3D5
83.3%	83.3% #7CDCCB	RGB 124 220 203	#7CDCCB
100.0%	100.0% #6CD5C2	RGB 108 213 194	#6CD5C2

#CFFFFD #BEF8F3 #AEF1E9 #9DEADF #8DE3D5 #7CDCCB #6CD5C2

#CFFFFD - #6CD5C2

HSV Blend

#CFFFFD - #6CD5C2 | 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 #CFFFFD as 0% and #6CD5C2 as 100%.

0.0%	0.0% #CFFFFD	RGB 207 255 253	#CFFFFD
16.7%	16.7% #BCF8F4	RGB 188 248 244	#BCF8F4
33.3%	33.3% #ABF1EA	RGB 171 241 234	#ABF1EA
50.0%	50.0% #9AEAE1	RGB 154 234 225	#9AEAE1
66.7%	66.7% #8AE3D7	RGB 138 227 215	#8AE3D7
83.3%	83.3% #7ADCCC	RGB 122 220 204	#7ADCCC
100.0%	100.0% #6CD5C2	RGB 108 213 194	#6CD5C2

#CFFFFD #BCF8F4 #ABF1EA #9AEAE1 #8AE3D7 #7ADCCC #6CD5C2

#CFFFFD - #9AEAE1 - #6CD5C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFFFFD 0%, #9AEAE1 50%, #6CD5C2 100%);
    background: -webkit-linear-gradient(top, #CFFFFD 0%, #9AEAE1 50%, #6CD5C2 100%);
    background: linear-gradient(to bottom, #CFFFFD 0%, #9AEAE1 50%, #6CD5C2 100%);
}
</style>