#FF96C0 - #D12A74 | 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 #FF96C0 to #D12A74

#FF96C0 #D12A74

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

#FF96C0 - #D12A74 | 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 #FF96C0 as 0% and #D12A74 as 100%.

0.0%	0.0% #FF96C0	RGB 255 150 192	#FF96C0
16.7%	16.7% #F784B3	RGB 247 132 179	#F784B3
33.3%	33.3% #EF72A6	RGB 239 114 166	#EF72A6
50.0%	50.0% #E8609A	RGB 232 96 154	#E8609A
66.7%	66.7% #E04E8D	RGB 224 78 141	#E04E8D
83.3%	83.3% #D83C80	RGB 216 60 128	#D83C80
100.0%	100.0% #D12A74	RGB 209 42 116	#D12A74

#FF96C0 #F784B3 #EF72A6 #E8609A #E04E8D #D83C80 #D12A74

#FF96C0 - #D12A74

HSV Blend

#FF96C0 - #D12A74 | 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 #FF96C0 as 0% and #D12A74 as 100%.

0.0%	0.0% #FF96C0	RGB 255 150 192	#FF96C0
16.7%	16.7% #F781B1	RGB 247 129 177	#F781B1
33.3%	33.3% #EF6EA3	RGB 239 110 163	#EF6EA3
50.0%	50.0% #E85B96	RGB 232 91 150	#E85B96
66.7%	66.7% #E04A8A	RGB 224 74 138	#E04A8A
83.3%	83.3% #D8397E	RGB 216 57 126	#D8397E
100.0%	100.0% #D12A74	RGB 209 42 116	#D12A74

#FF96C0 #F781B1 #EF6EA3 #E85B96 #E04A8A #D8397E #D12A74

#FF96C0 - #E85B96 - #D12A74

CSS codes

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

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