#C7D0A8 - #E2FFEC | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C7D0A8 a #E2FFEC

#C7D0A8 #E2FFEC

Calcule el color entre dos colores, #C7D0A8 y #E2FFEC. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C7D0A8 - #E2FFEC | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C7D0A8 como 0% y #E2FFEC como 100%.

0.0%	0.0% #C7D0A8	RGB 199 208 168	#C7D0A8
16.7%	16.7% #CBD7B3	RGB 203 215 179	#CBD7B3
33.3%	33.3% #D0DFBE	RGB 208 223 190	#D0DFBE
50.0%	50.0% #D4E7CA	RGB 212 231 202	#D4E7CA
66.7%	66.7% #D9EFD5	RGB 217 239 213	#D9EFD5
83.3%	83.3% #DDF7E0	RGB 221 247 224	#DDF7E0
100.0%	100.0% #E2FFEC	RGB 226 255 236	#E2FFEC

#C7D0A8 #CBD7B3 #D0DFBE #D4E7CA #D9EFD5 #DDF7E0 #E2FFEC

#C7D0A8 - #E2FFEC

Mezcla HSV

#C7D0A8 - #E2FFEC | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C7D0A8 como 0% y #E2FFEC como 100%.

0.0%	0.0% #C7D0A8	RGB 199 208 168	#C7D0A8
16.7%	16.7% #C7D7B1	RGB 199 215 177	#C7D7B1
33.3%	33.3% #C9DFBA	RGB 201 223 186	#C9DFBA
50.0%	50.0% #CBE7C4	RGB 203 231 196	#CBE7C4
66.7%	66.7% #CEEFCD	RGB 206 239 205	#CEEFCD
83.3%	83.3% #D7F7DC	RGB 215 247 220	#D7F7DC
100.0%	100.0% #E2FFEC	RGB 226 255 236	#E2FFEC

#C7D0A8 #C7D7B1 #C9DFBA #CBE7C4 #CEEFCD #D7F7DC #E2FFEC

#C7D0A8 - #CBE7C4 - #E2FFEC

Códigos CSS

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

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