#FF694B - #FEC465 | 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 #FF694B to #FEC465

#FF694B #FEC465

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

#FF694B - #FEC465 | 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 #FF694B as 0% and #FEC465 as 100%.

0.0%	0.0% #FF694B	RGB 255 105 75	#FF694B
16.7%	16.7% #FE784F	RGB 254 120 79	#FE784F
33.3%	33.3% #FE8753	RGB 254 135 83	#FE8753
50.0%	50.0% #FE9658	RGB 254 150 88	#FE9658
66.7%	66.7% #FEA55C	RGB 254 165 92	#FEA55C
83.3%	83.3% #FEB460	RGB 254 180 96	#FEB460
100.0%	100.0% #FEC465	RGB 254 196 101	#FEC465

#FF694B #FE784F #FE8753 #FE9658 #FEA55C #FEB460 #FEC465

#FF694B - #FEC465

HSV Blend

#FF694B - #FEC465 | 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 #FF694B as 0% and #FEC465 as 100%.

0.0%	0.0% #FF694B	RGB 255 105 75	#FF694B
16.7%	16.7% #FE794F	RGB 254 121 79	#FE794F
33.3%	33.3% #FE8A53	RGB 254 138 83	#FE8A53
50.0%	50.0% #FE9958	RGB 254 153 88	#FE9958
66.7%	66.7% #FEA85C	RGB 254 168 92	#FEA85C
83.3%	83.3% #FEB660	RGB 254 182 96	#FEB660
100.0%	100.0% #FEC465	RGB 254 196 101	#FEC465

#FF694B #FE794F #FE8A53 #FE9958 #FEA85C #FEB660 #FEC465

#FF694B - #FE9958 - #FEC465

CSS codes

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

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