#D5DA8C - #FF9FA5 | 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 #D5DA8C to #FF9FA5

#D5DA8C #FF9FA5

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

#D5DA8C - #FF9FA5 | 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 #D5DA8C as 0% and #FF9FA5 as 100%.

0.0%	0.0% #D5DA8C	RGB 213 218 140	#D5DA8C
16.7%	16.7% #DCD090	RGB 220 208 144	#DCD090
33.3%	33.3% #E3C694	RGB 227 198 148	#E3C694
50.0%	50.0% #EABC98	RGB 234 188 152	#EABC98
66.7%	66.7% #F1B29C	RGB 241 178 156	#F1B29C
83.3%	83.3% #F8A8A0	RGB 248 168 160	#F8A8A0
100.0%	100.0% #FF9FA5	RGB 255 159 165	#FF9FA5

#D5DA8C #DCD090 #E3C694 #EABC98 #F1B29C #F8A8A0 #FF9FA5

#D5DA8C - #FF9FA5

HSV Blend

#D5DA8C - #FF9FA5 | 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 #D5DA8C as 0% and #FF9FA5 as 100%.

0.0%	0.0% #D5DA8C	RGB 213 218 140	#D5DA8C
16.7%	16.7% #E0D68F	RGB 224 214 143	#E0D68F
33.3%	33.3% #E6CC92	RGB 230 204 146	#E6CC92
50.0%	50.0% #ECC195	RGB 236 193 149	#ECC195
66.7%	66.7% #F2B498	RGB 242 180 152	#F2B498
83.3%	83.3% #F8A79B	RGB 248 167 155	#F8A79B
100.0%	100.0% #FF9FA5	RGB 255 159 165	#FF9FA5

#D5DA8C #E0D68F #E6CC92 #ECC195 #F2B498 #F8A79B #FF9FA5

#D5DA8C - #ECC195 - #FF9FA5

CSS codes

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

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