#C091B0 - #FFA8B0 | 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 #C091B0 to #FFA8B0

#C091B0 #FFA8B0

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

#C091B0 - #FFA8B0 | 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 #C091B0 as 0% and #FFA8B0 as 100%.

0.0%	0.0% #C091B0	RGB 192 145 176	#C091B0
16.7%	16.7% #CA94B0	RGB 202 148 176	#CA94B0
33.3%	33.3% #D598B0	RGB 213 152 176	#D598B0
50.0%	50.0% #DF9CB0	RGB 223 156 176	#DF9CB0
66.7%	66.7% #EAA0B0	RGB 234 160 176	#EAA0B0
83.3%	83.3% #F4A4B0	RGB 244 164 176	#F4A4B0
100.0%	100.0% #FFA8B0	RGB 255 168 176	#FFA8B0

#C091B0 #CA94B0 #D598B0 #DF9CB0 #EAA0B0 #F4A4B0 #FFA8B0

#C091B0 - #FFA8B0

HSV Blend

#C091B0 - #FFA8B0 | 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 #C091B0 as 0% and #FFA8B0 as 100%.

0.0%	0.0% #C091B0	RGB 192 145 176	#C091B0
16.7%	16.7% #CA95B3	RGB 202 149 179	#CA95B3
33.3%	33.3% #D59AB5	RGB 213 154 181	#D59AB5
50.0%	50.0% #DF9EB6	RGB 223 158 182	#DF9EB6
66.7%	66.7% #EAA1B6	RGB 234 161 182	#EAA1B6
83.3%	83.3% #F4A5B3	RGB 244 165 179	#F4A5B3
100.0%	100.0% #FFA8B0	RGB 255 168 176	#FFA8B0

#C091B0 #CA95B3 #D59AB5 #DF9EB6 #EAA1B6 #F4A5B3 #FFA8B0

#C091B0 - #DF9EB6 - #FFA8B0

CSS codes

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

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