#FFCA00 - #FF93C8 | 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 #FFCA00 to #FF93C8

#FFCA00 #FF93C8

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

#FFCA00 - #FF93C8 | 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 #FFCA00 as 0% and #FF93C8 as 100%.

0.0%	0.0% #FFCA00	RGB 255 202 0	#FFCA00
16.7%	16.7% #FFC021	RGB 255 192 33	#FFC021
33.3%	33.3% #FFB742	RGB 255 183 66	#FFB742
50.0%	50.0% #FFAE64	RGB 255 174 100	#FFAE64
66.7%	66.7% #FFA585	RGB 255 165 133	#FFA585
83.3%	83.3% #FF9CA6	RGB 255 156 166	#FF9CA6
100.0%	100.0% #FF93C8	RGB 255 147 200	#FF93C8

#FFCA00 #FFC021 #FFB742 #FFAE64 #FFA585 #FF9CA6 #FF93C8

#FFCA00 - #FF93C8

HSV Blend

#FFCA00 - #FF93C8 | 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 #FFCA00 as 0% and #FF93C8 as 100%.

0.0%	0.0% #FFCA00	RGB 255 202 0	#FFCA00
16.7%	16.7% #FF9D18	RGB 255 157 24	#FF9D18
33.3%	33.3% #FF7C30	RGB 255 124 48	#FF7C30
50.0%	50.0% #FF6449	RGB 255 100 73	#FF6449
66.7%	66.7% #FF626B	RGB 255 98 107	#FF626B
83.3%	83.3% #FF7A9F	RGB 255 122 159	#FF7A9F
100.0%	100.0% #FF93C8	RGB 255 147 200	#FF93C8

#FFCA00 #FF9D18 #FF7C30 #FF6449 #FF626B #FF7A9F #FF93C8

#FFCA00 - #FF6449 - #FF93C8

CSS codes

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

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