#3DFDFF - #C7FFFE | 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 #3DFDFF to #C7FFFE

#3DFDFF #C7FFFE

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

#3DFDFF - #C7FFFE | 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 #3DFDFF as 0% and #C7FFFE as 100%.

0.0%	0.0% #3DFDFF	RGB 61 253 255	#3DFDFF
16.7%	16.7% #54FDFE	RGB 84 253 254	#54FDFE
33.3%	33.3% #6BFDFE	RGB 107 253 254	#6BFDFE
50.0%	50.0% #82FEFE	RGB 130 254 254	#82FEFE
66.7%	66.7% #99FEFE	RGB 153 254 254	#99FEFE
83.3%	83.3% #B0FEFE	RGB 176 254 254	#B0FEFE
100.0%	100.0% #C7FFFE	RGB 199 255 254	#C7FFFE

#3DFDFF #54FDFE #6BFDFE #82FEFE #99FEFE #B0FEFE #C7FFFE

#3DFDFF - #C7FFFE

HSV Blend

#3DFDFF - #C7FFFE | 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 #3DFDFF as 0% and #C7FFFE as 100%.

0.0%	0.0% #3DFCFF	RGB 61 252 255	#3DFCFF
16.7%	16.7% #54FEFF	RGB 84 254 255	#54FEFF
33.3%	33.3% #6BFEFF	RGB 107 254 255	#6BFEFF
50.0%	50.0% #82FFFE	RGB 130 255 254	#82FFFE
66.7%	66.7% #99FFFE	RGB 153 255 254	#99FFFE
83.3%	83.3% #B0FFFD	RGB 176 255 253	#B0FFFD
100.0%	100.0% #C7FFFE	RGB 199 255 254	#C7FFFE

#3DFCFF #54FEFF #6BFEFF #82FFFE #99FFFE #B0FFFD #C7FFFE

#3DFDFF - #82FFFE - #C7FFFE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3DFCFF 0%, #82FFFE 50%, #C7FFFE 100%);
    background: -webkit-linear-gradient(top, #3DFCFF 0%, #82FFFE 50%, #C7FFFE 100%);
    background: linear-gradient(to bottom, #3DFCFF 0%, #82FFFE 50%, #C7FFFE 100%);
}
</style>