#D49B6B - #FF8BCB | 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 #D49B6B to #FF8BCB

#D49B6B #FF8BCB

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

#D49B6B - #FF8BCB | 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 #D49B6B as 0% and #FF8BCB as 100%.

0.0%	0.0% #D49B6B	RGB 212 155 107	#D49B6B
16.7%	16.7% #DB987B	RGB 219 152 123	#DB987B
33.3%	33.3% #E2958B	RGB 226 149 139	#E2958B
50.0%	50.0% #E9939B	RGB 233 147 155	#E9939B
66.7%	66.7% #F090AB	RGB 240 144 171	#F090AB
83.3%	83.3% #F78DBB	RGB 247 141 187	#F78DBB
100.0%	100.0% #FF8BCB	RGB 255 139 203	#FF8BCB

#D49B6B #DB987B #E2958B #E9939B #F090AB #F78DBB #FF8BCB

#D49B6B - #FF8BCB

HSV Blend

#D49B6B - #FF8BCB | 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 #D49B6B as 0% and #FF8BCB as 100%.

0.0%	0.0% #D49B6B	RGB 212 155 107	#D49B6B
16.7%	16.7% #DB8F70	RGB 219 143 112	#DB8F70
33.3%	33.3% #E28275	RGB 226 130 117	#E28275
50.0%	50.0% #E97A7F	RGB 233 122 127	#E97A7F
66.7%	66.7% #F07F98	RGB 240 127 152	#F07F98
83.3%	83.3% #F785B1	RGB 247 133 177	#F785B1
100.0%	100.0% #FF8BCB	RGB 255 139 203	#FF8BCB

#D49B6B #DB8F70 #E28275 #E97A7F #F07F98 #F785B1 #FF8BCB

#D49B6B - #E97A7F - #FF8BCB

CSS codes

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

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