#CC666B - #FFB67D | 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 #CC666B to #FFB67D

#CC666B #FFB67D

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

#CC666B - #FFB67D | 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 #CC666B as 0% and #FFB67D as 100%.

0.0%	0.0% #CC666B	RGB 204 102 107	#CC666B
16.7%	16.7% #D4736E	RGB 212 115 110	#D4736E
33.3%	33.3% #DD8071	RGB 221 128 113	#DD8071
50.0%	50.0% #E58E74	RGB 229 142 116	#E58E74
66.7%	66.7% #EE9B77	RGB 238 155 119	#EE9B77
83.3%	83.3% #F6A87A	RGB 246 168 122	#F6A87A
100.0%	100.0% #FFB67D	RGB 255 182 125	#FFB67D

#CC666B #D4736E #DD8071 #E58E74 #EE9B77 #F6A87A #FFB67D

#CC666B - #FFB67D

HSV Blend

#CC666B - #FFB67D | 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 #CC666B as 0% and #FFB67D as 100%.

0.0%	0.0% #CC666B	RGB 204 102 107	#CC666B
16.7%	16.7% #D46D69	RGB 212 109 105	#D46D69
33.3%	33.3% #DD7A6D	RGB 221 122 109	#DD7A6D
50.0%	50.0% #E58871	RGB 229 136 113	#E58871
66.7%	66.7% #EE9675	RGB 238 150 117	#EE9675
83.3%	83.3% #F6A579	RGB 246 165 121	#F6A579
100.0%	100.0% #FFB67D	RGB 255 182 125	#FFB67D

#CC666B #D46D69 #DD7A6D #E58871 #EE9675 #F6A579 #FFB67D

#CC666B - #E58871 - #FFB67D

CSS codes

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

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