#C4E5BA - #DCE2FF | 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 #C4E5BA to #DCE2FF

#C4E5BA #DCE2FF

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

#C4E5BA - #DCE2FF | 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 #C4E5BA as 0% and #DCE2FF as 100%.

0.0%	0.0% #C4E5BA	RGB 196 229 186	#C4E5BA
16.7%	16.7% #C8E4C5	RGB 200 228 197	#C8E4C5
33.3%	33.3% #CCE4D1	RGB 204 228 209	#CCE4D1
50.0%	50.0% #D0E3DC	RGB 208 227 220	#D0E3DC
66.7%	66.7% #D4E3E8	RGB 212 227 232	#D4E3E8
83.3%	83.3% #D8E2F3	RGB 216 226 243	#D8E2F3
100.0%	100.0% #DCE2FF	RGB 220 226 255	#DCE2FF

#C4E5BA #C8E4C5 #CCE4D1 #D0E3DC #D4E3E8 #D8E2F3 #DCE2FF

#C4E5BA - #DCE2FF

HSV Blend

#C4E5BA - #DCE2FF | 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 #C4E5BA as 0% and #DCE2FF as 100%.

0.0%	0.0% #C4E5BA	RGB 196 229 186	#C4E5BA
16.7%	16.7% #BFE9C4	RGB 191 233 196	#BFE9C4
33.3%	33.3% #C5EDD7	RGB 197 237 215	#C5EDD7
50.0%	50.0% #CAF2EA	RGB 202 242 234	#CAF2EA
66.7%	66.7% #D0F0F6	RGB 208 240 246	#D0F0F6
83.3%	83.3% #D6E8FA	RGB 214 232 250	#D6E8FA
100.0%	100.0% #DCE2FF	RGB 220 226 255	#DCE2FF

#C4E5BA #BFE9C4 #C5EDD7 #CAF2EA #D0F0F6 #D6E8FA #DCE2FF

#C4E5BA - #CAF2EA - #DCE2FF

CSS codes

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

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