#C0D991 - #DFD9E4 | 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 #C0D991 to #DFD9E4

#C0D991 #DFD9E4

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

#C0D991 - #DFD9E4 | 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 #C0D991 as 0% and #DFD9E4 as 100%.

0.0%	0.0% #C0D991	RGB 192 217 145	#C0D991
16.7%	16.7% #C5D99E	RGB 197 217 158	#C5D99E
33.3%	33.3% #CAD9AC	RGB 202 217 172	#CAD9AC
50.0%	50.0% #CFD9BA	RGB 207 217 186	#CFD9BA
66.7%	66.7% #D4D9C8	RGB 212 217 200	#D4D9C8
83.3%	83.3% #D9D9D6	RGB 217 217 214	#D9D9D6
100.0%	100.0% #DFD9E4	RGB 223 217 228	#DFD9E4

#C0D991 #C5D99E #CAD9AC #CFD9BA #D4D9C8 #D9D9D6 #DFD9E4

#C0D991 - #DFD9E4

HSV Blend

#C0D991 - #DFD9E4 | 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 #C0D991 as 0% and #DFD9E4 as 100%.

0.0%	0.0% #C0D991	RGB 192 217 145	#C0D991
16.7%	16.7% #DAD39C	RGB 218 211 156	#DAD39C
33.3%	33.3% #DCBDA8	RGB 220 189 168	#DCBDA8
50.0%	50.0% #DEB4B6	RGB 222 180 182	#DEB4B6
66.7%	66.7% #E0C0D0	RGB 224 192 208	#E0C0D0
83.3%	83.3% #E2CCE1	RGB 226 204 225	#E2CCE1
100.0%	100.0% #DFD9E4	RGB 223 217 228	#DFD9E4

#C0D991 #DAD39C #DCBDA8 #DEB4B6 #E0C0D0 #E2CCE1 #DFD9E4

#C0D991 - #DEB4B6 - #DFD9E4

CSS codes

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

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