#C388B9 - #FEC4C2 | 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 #C388B9 to #FEC4C2

#C388B9 #FEC4C2

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

#C388B9 - #FEC4C2 | 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 #C388B9 as 0% and #FEC4C2 as 100%.

0.0%	0.0% #C388B9	RGB 195 136 185	#C388B9
16.7%	16.7% #CC92BA	RGB 204 146 186	#CC92BA
33.3%	33.3% #D69CBC	RGB 214 156 188	#D69CBC
50.0%	50.0% #E0A6BD	RGB 224 166 189	#E0A6BD
66.7%	66.7% #EAB0BF	RGB 234 176 191	#EAB0BF
83.3%	83.3% #F4BAC0	RGB 244 186 192	#F4BAC0
100.0%	100.0% #FEC4C2	RGB 254 196 194	#FEC4C2

#C388B9 #CC92BA #D69CBC #E0A6BD #EAB0BF #F4BAC0 #FEC4C2

#C388B9 - #FEC4C2

HSV Blend

#C388B9 - #FEC4C2 | 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 #C388B9 as 0% and #FEC4C2 as 100%.

0.0%	0.0% #C388B8	RGB 195 136 184	#C388B8
16.7%	16.7% #CC91BA	RGB 204 145 186	#CC91BA
33.3%	33.3% #D69ABB	RGB 214 154 187	#D69ABB
50.0%	50.0% #E0A4BC	RGB 224 164 188	#E0A4BC
66.7%	66.7% #EAADBD	RGB 234 173 189	#EAADBD
83.3%	83.3% #F4B7BE	RGB 244 183 190	#F4B7BE
100.0%	100.0% #FEC4C2	RGB 254 196 194	#FEC4C2

#C388B8 #CC91BA #D69ABB #E0A4BC #EAADBD #F4B7BE #FEC4C2

#C388B9 - #E0A4BC - #FEC4C2

CSS codes

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

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