#7BDACC - #CDCDFB | 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 #7BDACC to #CDCDFB

#7BDACC #CDCDFB

Calculate the color between two colors, #7BDACC and #CDCDFB. 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)

#7BDACC - #CDCDFB | 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 #7BDACC as 0% and #CDCDFB as 100%.

0.0%	0.0% #7BDACC	RGB 123 218 204	#7BDACC
16.7%	16.7% #88D7D3	RGB 136 215 211	#88D7D3
33.3%	33.3% #96D5DB	RGB 150 213 219	#96D5DB
50.0%	50.0% #A4D3E3	RGB 164 211 227	#A4D3E3
66.7%	66.7% #B1D1EB	RGB 177 209 235	#B1D1EB
83.3%	83.3% #BFCFF3	RGB 191 207 243	#BFCFF3
100.0%	100.0% #CDCDFB	RGB 205 205 251	#CDCDFB

#7BDACC #88D7D3 #96D5DB #A4D3E3 #B1D1EB #BFCFF3 #CDCDFB

#7BDACC - #CDCDFB

HSV Blend

#7BDACC - #CDCDFB | 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 #7BDACC as 0% and #CDCDFB as 100%.

0.0%	0.0% #7BDACC	RGB 123 218 204	#7BDACC
16.7%	16.7% #87DBDF	RGB 135 219 223	#87DBDF
33.3%	33.3% #94D2E5	RGB 148 210 229	#94D2E5
50.0%	50.0% #A1CBEA	RGB 161 203 234	#A1CBEA
66.7%	66.7% #AFC8F0	RGB 175 200 240	#AFC8F0
83.3%	83.3% #BEC8F5	RGB 190 200 245	#BEC8F5
100.0%	100.0% #CDCDFB	RGB 205 205 251	#CDCDFB

#7BDACC #87DBDF #94D2E5 #A1CBEA #AFC8F0 #BEC8F5 #CDCDFB

#7BDACC - #A1CBEA - #CDCDFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7BDACC 0%, #A1CBEA 50%, #CDCDFB 100%);
    background: -webkit-linear-gradient(top, #7BDACC 0%, #A1CBEA 50%, #CDCDFB 100%);
    background: linear-gradient(to bottom, #7BDACC 0%, #A1CBEA 50%, #CDCDFB 100%);
}
</style>