#C0D39B - #EDF2E2 | 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 #C0D39B a #EDF2E2

#C0D39B #EDF2E2

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

#C0D39B - #EDF2E2 | 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 #C0D39B como 0% y #EDF2E2 como 100%.

0.0%	0.0% #C0D39B	RGB 192 211 155	#C0D39B
16.7%	16.7% #C7D8A6	RGB 199 216 166	#C7D8A6
33.3%	33.3% #CFDDB2	RGB 207 221 178	#CFDDB2
50.0%	50.0% #D6E2BE	RGB 214 226 190	#D6E2BE
66.7%	66.7% #DEE7CA	RGB 222 231 202	#DEE7CA
83.3%	83.3% #E5ECD6	RGB 229 236 214	#E5ECD6
100.0%	100.0% #EDF2E2	RGB 237 242 226	#EDF2E2

#C0D39B #C7D8A6 #CFDDB2 #D6E2BE #DEE7CA #E5ECD6 #EDF2E2

#C0D39B - #EDF2E2

Mezcla HSV

#C0D39B - #EDF2E2 | 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 #C0D39B como 0% y #EDF2E2 como 100%.

0.0%	0.0% #C0D39B	RGB 192 211 155	#C0D39B
16.7%	16.7% #C7D8A5	RGB 199 216 165	#C7D8A5
33.3%	33.3% #CEDDB1	RGB 206 221 177	#CEDDB1
50.0%	50.0% #D6E2BC	RGB 214 226 188	#D6E2BC
66.7%	66.7% #DDE7C8	RGB 221 231 200	#DDE7C8
83.3%	83.3% #E5ECD5	RGB 229 236 213	#E5ECD5
100.0%	100.0% #EDF2E2	RGB 237 242 226	#EDF2E2

#C0D39B #C7D8A5 #CEDDB1 #D6E2BC #DDE7C8 #E5ECD5 #EDF2E2

#C0D39B - #D6E2BC - #EDF2E2

Códigos CSS

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

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