#67D2FF - #D5E3E2 | 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 #67D2FF to #D5E3E2

#67D2FF #D5E3E2

Calculate the color between two colors, #67D2FF and #D5E3E2. 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)

#67D2FF - #D5E3E2 | 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 #67D2FF as 0% and #D5E3E2 as 100%.

0.0%	0.0% #67D2FF	RGB 103 210 255	#67D2FF
16.7%	16.7% #79D4FA	RGB 121 212 250	#79D4FA
33.3%	33.3% #8BD7F5	RGB 139 215 245	#8BD7F5
50.0%	50.0% #9EDAF0	RGB 158 218 240	#9EDAF0
66.7%	66.7% #B0DDEB	RGB 176 221 235	#B0DDEB
83.3%	83.3% #C2E0E6	RGB 194 224 230	#C2E0E6
100.0%	100.0% #D5E3E2	RGB 213 227 226	#D5E3E2

#67D2FF #79D4FA #8BD7F5 #9EDAF0 #B0DDEB #C2E0E6 #D5E3E2

#67D2FF - #D5E3E2

HSV Blend

#67D2FF - #D5E3E2 | 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 #67D2FF as 0% and #D5E3E2 as 100%.

0.0%	0.0% #67D2FF	RGB 103 210 255	#67D2FF
16.7%	16.7% #7BDCFA	RGB 123 220 250	#7BDCFA
33.3%	33.3% #8EE3F5	RGB 142 227 245	#8EE3F5
50.0%	50.0% #A1E8F1	RGB 161 232 241	#A1E8F1
66.7%	66.7% #B3E9EC	RGB 179 233 236	#B3E9EC
83.3%	83.3% #C4E7E7	RGB 196 231 231	#C4E7E7
100.0%	100.0% #D5E3E2	RGB 213 227 226	#D5E3E2

#67D2FF #7BDCFA #8EE3F5 #A1E8F1 #B3E9EC #C4E7E7 #D5E3E2

#67D2FF - #A1E8F1 - #D5E3E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67D2FF 0%, #A1E8F1 50%, #D5E3E2 100%);
    background: -webkit-linear-gradient(top, #67D2FF 0%, #A1E8F1 50%, #D5E3E2 100%);
    background: linear-gradient(to bottom, #67D2FF 0%, #A1E8F1 50%, #D5E3E2 100%);
}
</style>