#FF60A8 - #FFD4CA | 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 #FF60A8 to #FFD4CA

#FF60A8 #FFD4CA

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

#FF60A8 - #FFD4CA | 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 #FF60A8 as 0% and #FFD4CA as 100%.

0.0%	0.0% #FF60A8	RGB 255 96 168	#FF60A8
16.7%	16.7% #FF73AD	RGB 255 115 173	#FF73AD
33.3%	33.3% #FF86B3	RGB 255 134 179	#FF86B3
50.0%	50.0% #FF9AB9	RGB 255 154 185	#FF9AB9
66.7%	66.7% #FFADBE	RGB 255 173 190	#FFADBE
83.3%	83.3% #FFC0C4	RGB 255 192 196	#FFC0C4
100.0%	100.0% #FFD4CA	RGB 255 212 202	#FFD4CA

#FF60A8 #FF73AD #FF86B3 #FF9AB9 #FFADBE #FFC0C4 #FFD4CA

#FF60A8 - #FFD4CA

HSV Blend

#FF60A8 - #FFD4CA | 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 #FF60A8 as 0% and #FFD4CA as 100%.

0.0%	0.0% #FF60A8	RGB 255 96 168	#FF60A8
16.7%	16.7% #FF71A2	RGB 255 113 162	#FF71A2
33.3%	33.3% #FF83A0	RGB 255 131 160	#FF83A0
50.0%	50.0% #FF95A3	RGB 255 149 163	#FF95A3
66.7%	66.7% #FFA6A8	RGB 255 166 168	#FFA6A8
83.3%	83.3% #FFBEB8	RGB 255 190 184	#FFBEB8
100.0%	100.0% #FFD4CA	RGB 255 212 202	#FFD4CA

#FF60A8 #FF71A2 #FF83A0 #FF95A3 #FFA6A8 #FFBEB8 #FFD4CA

#FF60A8 - #FF95A3 - #FFD4CA

CSS codes

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

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