#C4D5AF - #CFEBFF | 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 #C4D5AF to #CFEBFF

#C4D5AF #CFEBFF

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

#C4D5AF - #CFEBFF | 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 #C4D5AF as 0% and #CFEBFF as 100%.

0.0%	0.0% #C4D5AF	RGB 196 213 175	#C4D5AF
16.7%	16.7% #C5D8BC	RGB 197 216 188	#C5D8BC
33.3%	33.3% #C7DCC9	RGB 199 220 201	#C7DCC9
50.0%	50.0% #C9E0D7	RGB 201 224 215	#C9E0D7
66.7%	66.7% #CBE3E4	RGB 203 227 228	#CBE3E4
83.3%	83.3% #CDE7F1	RGB 205 231 241	#CDE7F1
100.0%	100.0% #CFEBFF	RGB 207 235 255	#CFEBFF

#C4D5AF #C5D8BC #C7DCC9 #C9E0D7 #CBE3E4 #CDE7F1 #CFEBFF

#C4D5AF - #CFEBFF

HSV Blend

#C4D5AF - #CFEBFF | 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 #C4D5AF as 0% and #CFEBFF as 100%.

0.0%	0.0% #C4D5AF	RGB 196 213 175	#C4D5AF
16.7%	16.7% #BDDCB4	RGB 189 220 180	#BDDCB4
33.3%	33.3% #B9E3BE	RGB 185 227 190	#B9E3BE
50.0%	50.0% #BFEAD1	RGB 191 234 209	#BFEAD1
66.7%	66.7% #C4F1E6	RGB 196 241 230	#C4F1E6
83.3%	83.3% #C9F3F8	RGB 201 243 248	#C9F3F8
100.0%	100.0% #CFEBFF	RGB 207 235 255	#CFEBFF

#C4D5AF #BDDCB4 #B9E3BE #BFEAD1 #C4F1E6 #C9F3F8 #CFEBFF

#C4D5AF - #BFEAD1 - #CFEBFF

CSS codes

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

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