#C75F6B - #FFB07E | 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 #C75F6B to #FFB07E

#C75F6B #FFB07E

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

#C75F6B - #FFB07E | 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 #C75F6B as 0% and #FFB07E as 100%.

0.0%	0.0% #C75F6B	RGB 199 95 107	#C75F6B
16.7%	16.7% #D06C6E	RGB 208 108 110	#D06C6E
33.3%	33.3% #D97A71	RGB 217 122 113	#D97A71
50.0%	50.0% #E38774	RGB 227 135 116	#E38774
66.7%	66.7% #EC9577	RGB 236 149 119	#EC9577
83.3%	83.3% #F5A27A	RGB 245 162 122	#F5A27A
100.0%	100.0% #FFB07E	RGB 255 176 126	#FFB07E

#C75F6B #D06C6E #D97A71 #E38774 #EC9577 #F5A27A #FFB07E

#C75F6B - #FFB07E

HSV Blend

#C75F6B - #FFB07E | 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 #C75F6B as 0% and #FFB07E as 100%.

0.0%	0.0% #C75F6B	RGB 199 95 107	#C75F6B
16.7%	16.7% #D06467	RGB 208 100 103	#D06467
33.3%	33.3% #D96F69	RGB 217 111 105	#D96F69
50.0%	50.0% #E37E6E	RGB 227 126 110	#E37E6E
66.7%	66.7% #EC8E73	RGB 236 142 115	#EC8E73
83.3%	83.3% #F59E78	RGB 245 158 120	#F59E78
100.0%	100.0% #FFB07E	RGB 255 176 126	#FFB07E

#C75F6B #D06467 #D96F69 #E37E6E #EC8E73 #F59E78 #FFB07E

#C75F6B - #E37E6E - #FFB07E

CSS codes

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

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