#CAFCAC - #EFFEE7 | 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 #CAFCAC to #EFFEE7

#CAFCAC #EFFEE7

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

#CAFCAC - #EFFEE7 | 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 #CAFCAC as 0% and #EFFEE7 as 100%.

0.0%	0.0% #CAFCAC	RGB 202 252 172	#CAFCAC
16.7%	16.7% #D0FCB5	RGB 208 252 181	#D0FCB5
33.3%	33.3% #D6FCBF	RGB 214 252 191	#D6FCBF
50.0%	50.0% #DCFDC9	RGB 220 253 201	#DCFDC9
66.7%	66.7% #E2FDD3	RGB 226 253 211	#E2FDD3
83.3%	83.3% #E8FDDD	RGB 232 253 221	#E8FDDD
100.0%	100.0% #EFFEE7	RGB 239 254 231	#EFFEE7

#CAFCAC #D0FCB5 #D6FCBF #DCFDC9 #E2FDD3 #E8FDDD #EFFEE7

#CAFCAC - #EFFEE7

HSV Blend

#CAFCAC - #EFFEE7 | 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 #CAFCAC as 0% and #EFFEE7 as 100%.

0.0%	0.0% #CAFCAC	RGB 202 252 172	#CAFCAC
16.7%	16.7% #CFFCB5	RGB 207 252 181	#CFFCB5
33.3%	33.3% #D5FCBF	RGB 213 252 191	#D5FCBF
50.0%	50.0% #DCFDC9	RGB 220 253 201	#DCFDC9
66.7%	66.7% #E2FDD3	RGB 226 253 211	#E2FDD3
83.3%	83.3% #E8FDDD	RGB 232 253 221	#E8FDDD
100.0%	100.0% #EFFEE7	RGB 239 254 231	#EFFEE7

#CAFCAC #CFFCB5 #D5FCBF #DCFDC9 #E2FDD3 #E8FDDD #EFFEE7

#CAFCAC - #DCFDC9 - #EFFEE7

CSS codes

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

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