#C67A95 - #FECBAE | 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 #C67A95 to #FECBAE

#C67A95 #FECBAE

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

#C67A95 - #FECBAE | 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 #C67A95 as 0% and #FECBAE as 100%.

0.0%	0.0% #C67A95	RGB 198 122 149	#C67A95
16.7%	16.7% #CF8799	RGB 207 135 153	#CF8799
33.3%	33.3% #D8959D	RGB 216 149 157	#D8959D
50.0%	50.0% #E2A2A1	RGB 226 162 161	#E2A2A1
66.7%	66.7% #EBB0A5	RGB 235 176 165	#EBB0A5
83.3%	83.3% #F4BDA9	RGB 244 189 169	#F4BDA9
100.0%	100.0% #FECBAE	RGB 254 203 174	#FECBAE

#C67A95 #CF8799 #D8959D #E2A2A1 #EBB0A5 #F4BDA9 #FECBAE

#C67A95 - #FECBAE

HSV Blend

#C67A95 - #FECBAE | 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 #C67A95 as 0% and #FECBAE as 100%.

0.0%	0.0% #C67A95	RGB 198 122 149	#C67A95
16.7%	16.7% #CF8294	RGB 207 130 148	#CF8294
33.3%	33.3% #D88A93	RGB 216 138 147	#D88A93
50.0%	50.0% #E29393	RGB 226 147 147	#E29393
66.7%	66.7% #EBA59B	RGB 235 165 155	#EBA59B
83.3%	83.3% #F4B8A4	RGB 244 184 164	#F4B8A4
100.0%	100.0% #FECBAE	RGB 254 203 174	#FECBAE

#C67A95 #CF8294 #D88A93 #E29393 #EBA59B #F4B8A4 #FECBAE

#C67A95 - #E29393 - #FECBAE

CSS codes

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

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