#C0FFDF - #E7E8D1 | 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 #C0FFDF a #E7E8D1

#C0FFDF #E7E8D1

Calcule el color entre dos colores, #C0FFDF y #E7E8D1. 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)

#C0FFDF - #E7E8D1 | 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 #C0FFDF como 0% y #E7E8D1 como 100%.

0.0%	0.0% #C0FFDF	RGB 192 255 223	#C0FFDF
16.7%	16.7% #C6FBDC	RGB 198 251 220	#C6FBDC
33.3%	33.3% #CDF7DA	RGB 205 247 218	#CDF7DA
50.0%	50.0% #D3F3D8	RGB 211 243 216	#D3F3D8
66.7%	66.7% #DAEFD5	RGB 218 239 213	#DAEFD5
83.3%	83.3% #E0EBD3	RGB 224 235 211	#E0EBD3
100.0%	100.0% #E7E8D1	RGB 231 232 209	#E7E8D1

#C0FFDF #C6FBDC #CDF7DA #D3F3D8 #DAEFD5 #E0EBD3 #E7E8D1

#C0FFDF - #E7E8D1

Mezcla HSV

#C0FFDF - #E7E8D1 | 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 #C0FFDF como 0% y #E7E8D1 como 100%.

0.0%	0.0% #C0FFDF	RGB 192 255 223	#C0FFDF
16.7%	16.7% #C3FBD1	RGB 195 251 209	#C3FBD1
33.3%	33.3% #C6F7C6	RGB 198 247 198	#C6F7C6
50.0%	50.0% #D3F3C9	RGB 211 243 201	#D3F3C9
66.7%	66.7% #DCEFCC	RGB 220 239 204	#DCEFCC
83.3%	83.3% #E3EBCE	RGB 227 235 206	#E3EBCE
100.0%	100.0% #E7E8D1	RGB 231 232 209	#E7E8D1

#C0FFDF #C3FBD1 #C6F7C6 #D3F3C9 #DCEFCC #E3EBCE #E7E8D1

#C0FFDF - #D3F3C9 - #E7E8D1

Códigos CSS

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

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