#FF78A8 - #FFCED4 | 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 #FF78A8 to #FFCED4

#FF78A8 #FFCED4

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

#FF78A8 - #FFCED4 | 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 #FF78A8 as 0% and #FFCED4 as 100%.

0.0%	0.0% #FF78A8	RGB 255 120 168	#FF78A8
16.7%	16.7% #FF86AF	RGB 255 134 175	#FF86AF
33.3%	33.3% #FF94B6	RGB 255 148 182	#FF94B6
50.0%	50.0% #FFA3BE	RGB 255 163 190	#FFA3BE
66.7%	66.7% #FFB1C5	RGB 255 177 197	#FFB1C5
83.3%	83.3% #FFBFCC	RGB 255 191 204	#FFBFCC
100.0%	100.0% #FFCED4	RGB 255 206 212	#FFCED4

#FF78A8 #FF86AF #FF94B6 #FFA3BE #FFB1C5 #FFBFCC #FFCED4

#FF78A8 - #FFCED4

HSV Blend

#FF78A8 - #FFCED4 | 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 #FF78A8 as 0% and #FFCED4 as 100%.

0.0%	0.0% #FF78A7	RGB 255 120 167	#FF78A7
16.7%	16.7% #FF86AC	RGB 255 134 172	#FF86AC
33.3%	33.3% #FF94B2	RGB 255 148 178	#FF94B2
50.0%	50.0% #FFA3B8	RGB 255 163 184	#FFA3B8
66.7%	66.7% #FFB1C0	RGB 255 177 192	#FFB1C0
83.3%	83.3% #FFBFC9	RGB 255 191 201	#FFBFC9
100.0%	100.0% #FFCED4	RGB 255 206 212	#FFCED4

#FF78A7 #FF86AC #FF94B2 #FFA3B8 #FFB1C0 #FFBFC9 #FFCED4

#FF78A8 - #FFA3B8 - #FFCED4

CSS codes

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

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