#CA5E81 - #FFB699 | 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 #CA5E81 to #FFB699

#CA5E81 #FFB699

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

#CA5E81 - #FFB699 | 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 #CA5E81 as 0% and #FFB699 as 100%.

0.0%	0.0% #CA5E81	RGB 202 94 129	#CA5E81
16.7%	16.7% #D26C85	RGB 210 108 133	#D26C85
33.3%	33.3% #DB7B89	RGB 219 123 137	#DB7B89
50.0%	50.0% #E48A8D	RGB 228 138 141	#E48A8D
66.7%	66.7% #ED9891	RGB 237 152 145	#ED9891
83.3%	83.3% #F6A795	RGB 246 167 149	#F6A795
100.0%	100.0% #FFB699	RGB 255 182 153	#FFB699

#CA5E81 #D26C85 #DB7B89 #E48A8D #ED9891 #F6A795 #FFB699

#CA5E81 - #FFB699

HSV Blend

#CA5E81 - #FFB699 | 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 #CA5E81 as 0% and #FFB699 as 100%.

0.0%	0.0% #CA5E81	RGB 202 94 129	#CA5E81
16.7%	16.7% #D2667E	RGB 210 102 126	#D2667E
33.3%	33.3% #DB707D	RGB 219 112 125	#DB707D
50.0%	50.0% #E4797B	RGB 228 121 123	#E4797B
66.7%	66.7% #ED8C83	RGB 237 140 131	#ED8C83
83.3%	83.3% #F6A18E	RGB 246 161 142	#F6A18E
100.0%	100.0% #FFB699	RGB 255 182 153	#FFB699

#CA5E81 #D2667E #DB707D #E4797B #ED8C83 #F6A18E #FFB699

#CA5E81 - #E4797B - #FFB699

CSS codes

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

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