#8CD1A1 - #CDDCFF | 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 #8CD1A1 to #CDDCFF

#8CD1A1 #CDDCFF

Calculate the color between two colors, #8CD1A1 and #CDDCFF. 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)

#8CD1A1 - #CDDCFF | 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 #8CD1A1 as 0% and #CDDCFF as 100%.

0.0%	0.0% #8CD1A1	RGB 140 209 161	#8CD1A1
16.7%	16.7% #96D2B0	RGB 150 210 176	#96D2B0
33.3%	33.3% #A1D4C0	RGB 161 212 192	#A1D4C0
50.0%	50.0% #ACD6D0	RGB 172 214 208	#ACD6D0
66.7%	66.7% #B7D8DF	RGB 183 216 223	#B7D8DF
83.3%	83.3% #C2DAEF	RGB 194 218 239	#C2DAEF
100.0%	100.0% #CDDCFF	RGB 205 220 255	#CDDCFF

#8CD1A1 #96D2B0 #A1D4C0 #ACD6D0 #B7D8DF #C2DAEF #CDDCFF

#8CD1A1 - #CDDCFF

HSV Blend

#8CD1A1 - #CDDCFF | 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 #8CD1A1 as 0% and #CDDCFF as 100%.

0.0%	0.0% #8CD1A1	RGB 140 209 161	#8CD1A1
16.7%	16.7% #95D8B9	RGB 149 216 185	#95D8B9
33.3%	33.3% #A0E0D1	RGB 160 224 209	#A0E0D1
50.0%	50.0% #AAE7E8	RGB 170 231 232	#AAE7E8
66.7%	66.7% #B5E2EF	RGB 181 226 239	#B5E2EF
83.3%	83.3% #C1DEF7	RGB 193 222 247	#C1DEF7
100.0%	100.0% #CDDCFF	RGB 205 220 255	#CDDCFF

#8CD1A1 #95D8B9 #A0E0D1 #AAE7E8 #B5E2EF #C1DEF7 #CDDCFF

#8CD1A1 - #AAE7E8 - #CDDCFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CD1A1 0%, #AAE7E8 50%, #CDDCFF 100%);
    background: -webkit-linear-gradient(top, #8CD1A1 0%, #AAE7E8 50%, #CDDCFF 100%);
    background: linear-gradient(to bottom, #8CD1A1 0%, #AAE7E8 50%, #CDDCFF 100%);
}
</style>