#DCFCFC - #6FDCDB | 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 #DCFCFC to #6FDCDB

#DCFCFC #6FDCDB

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

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

0.0%	0.0% #DCFCFC	RGB 220 252 252	#DCFCFC
16.7%	16.7% #C9F6F6	RGB 201 246 246	#C9F6F6
33.3%	33.3% #B7F1F1	RGB 183 241 241	#B7F1F1
50.0%	50.0% #A5ECEB	RGB 165 236 235	#A5ECEB
66.7%	66.7% #93E6E6	RGB 147 230 230	#93E6E6
83.3%	83.3% #81E1E0	RGB 129 225 224	#81E1E0
100.0%	100.0% #6FDCDB	RGB 111 220 219	#6FDCDB

#DCFCFC #C9F6F6 #B7F1F1 #A5ECEB #93E6E6 #81E1E0 #6FDCDB

#DCFCFC - #6FDCDB

HSV Blend

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

0.0%	0.0% #DCFCFC	RGB 220 252 252	#DCFCFC
16.7%	16.7% #C8F6F6	RGB 200 246 246	#C8F6F6
33.3%	33.3% #B5F1F1	RGB 181 241 241	#B5F1F1
50.0%	50.0% #A2ECEB	RGB 162 236 235	#A2ECEB
66.7%	66.7% #90E6E6	RGB 144 230 230	#90E6E6
83.3%	83.3% #7FE1E0	RGB 127 225 224	#7FE1E0
100.0%	100.0% #6FDCDB	RGB 111 220 219	#6FDCDB

#DCFCFC #C8F6F6 #B5F1F1 #A2ECEB #90E6E6 #7FE1E0 #6FDCDB

#DCFCFC - #A2ECEB - #6FDCDB

CSS codes

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

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