#C4DDA0 - #EDF5E3 | 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 #C4DDA0 a #EDF5E3

#C4DDA0 #EDF5E3

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

#C4DDA0 - #EDF5E3 | 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 #C4DDA0 como 0% y #EDF5E3 como 100%.

0.0%	0.0% #C4DDA0	RGB 196 221 160	#C4DDA0
16.7%	16.7% #CAE1AB	RGB 202 225 171	#CAE1AB
33.3%	33.3% #D1E5B6	RGB 209 229 182	#D1E5B6
50.0%	50.0% #D8E9C1	RGB 216 233 193	#D8E9C1
66.7%	66.7% #DFEDCC	RGB 223 237 204	#DFEDCC
83.3%	83.3% #E6F1D7	RGB 230 241 215	#E6F1D7
100.0%	100.0% #EDF5E3	RGB 237 245 227	#EDF5E3

#C4DDA0 #CAE1AB #D1E5B6 #D8E9C1 #DFEDCC #E6F1D7 #EDF5E3

#C4DDA0 - #EDF5E3

Mezcla HSV

#C4DDA0 - #EDF5E3 | 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 #C4DDA0 como 0% y #EDF5E3 como 100%.

0.0%	0.0% #C4DDA0	RGB 196 221 160	#C4DDA0
16.7%	16.7% #CAE1AA	RGB 202 225 170	#CAE1AA
33.3%	33.3% #D0E5B5	RGB 208 229 181	#D0E5B5
50.0%	50.0% #D7E9C0	RGB 215 233 192	#D7E9C0
66.7%	66.7% #DEEDCB	RGB 222 237 203	#DEEDCB
83.3%	83.3% #E5F1D7	RGB 229 241 215	#E5F1D7
100.0%	100.0% #EDF5E3	RGB 237 245 227	#EDF5E3

#C4DDA0 #CAE1AA #D0E5B5 #D7E9C0 #DEEDCB #E5F1D7 #EDF5E3

#C4DDA0 - #D7E9C0 - #EDF5E3

Códigos CSS

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

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