#C0D4CD - #FFD0FD | 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 #C0D4CD to #FFD0FD

#C0D4CD #FFD0FD

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

#C0D4CD - #FFD0FD | 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 #C0D4CD as 0% and #FFD0FD as 100%.

0.0%	0.0% #C0D4CD	RGB 192 212 205	#C0D4CD
16.7%	16.7% #CAD3D5	RGB 202 211 213	#CAD3D5
33.3%	33.3% #D5D2DD	RGB 213 210 221	#D5D2DD
50.0%	50.0% #DFD2E5	RGB 223 210 229	#DFD2E5
66.7%	66.7% #EAD1ED	RGB 234 209 237	#EAD1ED
83.3%	83.3% #F4D0F5	RGB 244 208 245	#F4D0F5
100.0%	100.0% #FFD0FD	RGB 255 208 253	#FFD0FD

#C0D4CD #CAD3D5 #D5D2DD #DFD2E5 #EAD1ED #F4D0F5 #FFD0FD

#C0D4CD - #FFD0FD

HSV Blend

#C0D4CD - #FFD0FD | 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 #C0D4CD as 0% and #FFD0FD as 100%.

0.0%	0.0% #C0D4CD	RGB 192 212 205	#C0D4CD
16.7%	16.7% #C3D9DB	RGB 195 217 219	#C3D9DB
33.3%	33.3% #C6D5E2	RGB 198 213 226	#C6D5E2
50.0%	50.0% #C8CDE9	RGB 200 205 233	#C8CDE9
66.7%	66.7% #D4CBF0	RGB 212 203 240	#D4CBF0
83.3%	83.3% #E8CDF7	RGB 232 205 247	#E8CDF7
100.0%	100.0% #FFD0FD	RGB 255 208 253	#FFD0FD

#C0D4CD #C3D9DB #C6D5E2 #C8CDE9 #D4CBF0 #E8CDF7 #FFD0FD

#C0D4CD - #C8CDE9 - #FFD0FD

CSS codes

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

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