#C7DBD2 - #FFD7FD | 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 #C7DBD2 to #FFD7FD

#C7DBD2 #FFD7FD

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

#C7DBD2 - #FFD7FD | 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 #C7DBD2 as 0% and #FFD7FD as 100%.

0.0%	0.0% #C7DBD2	RGB 199 219 210	#C7DBD2
16.7%	16.7% #D0DAD9	RGB 208 218 217	#D0DAD9
33.3%	33.3% #D9D9E0	RGB 217 217 224	#D9D9E0
50.0%	50.0% #E3D9E7	RGB 227 217 231	#E3D9E7
66.7%	66.7% #ECD8EE	RGB 236 216 238	#ECD8EE
83.3%	83.3% #F5D7F5	RGB 245 215 245	#F5D7F5
100.0%	100.0% #FFD7FD	RGB 255 215 253	#FFD7FD

#C7DBD2 #D0DAD9 #D9D9E0 #E3D9E7 #ECD8EE #F5D7F5 #FFD7FD

#C7DBD2 - #FFD7FD

HSV Blend

#C7DBD2 - #FFD7FD | 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 #C7DBD2 as 0% and #FFD7FD as 100%.

0.0%	0.0% #C7DBD2	RGB 199 219 210	#C7DBD2
16.7%	16.7% #C9E1E0	RGB 201 225 224	#C9E1E0
33.3%	33.3% #CCDCE7	RGB 204 220 231	#CCDCE7
50.0%	50.0% #CFD5ED	RGB 207 213 237	#CFD5ED
66.7%	66.7% #D9D2F3	RGB 217 210 243	#D9D2F3
83.3%	83.3% #EBD4F9	RGB 235 212 249	#EBD4F9
100.0%	100.0% #FFD7FD	RGB 255 215 253	#FFD7FD

#C7DBD2 #C9E1E0 #CCDCE7 #CFD5ED #D9D2F3 #EBD4F9 #FFD7FD

#C7DBD2 - #CFD5ED - #FFD7FD

CSS codes

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

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