#C3E5A1 - #EDF7E4 | 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 #C3E5A1 a #EDF7E4

#C3E5A1 #EDF7E4

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

#C3E5A1 - #EDF7E4 | 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 #C3E5A1 como 0% y #EDF7E4 como 100%.

0.0%	0.0% #C3E5A1	RGB 195 229 161	#C3E5A1
16.7%	16.7% #CAE8AC	RGB 202 232 172	#CAE8AC
33.3%	33.3% #D1EBB7	RGB 209 235 183	#D1EBB7
50.0%	50.0% #D8EEC2	RGB 216 238 194	#D8EEC2
66.7%	66.7% #DFF1CD	RGB 223 241 205	#DFF1CD
83.3%	83.3% #E6F4D8	RGB 230 244 216	#E6F4D8
100.0%	100.0% #EDF7E4	RGB 237 247 228	#EDF7E4

#C3E5A1 #CAE8AC #D1EBB7 #D8EEC2 #DFF1CD #E6F4D8 #EDF7E4

#C3E5A1 - #EDF7E4

Mezcla HSV

#C3E5A1 - #EDF7E4 | 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 #C3E5A1 como 0% y #EDF7E4 como 100%.

0.0%	0.0% #C3E5A1	RGB 195 229 161	#C3E5A1
16.7%	16.7% #C9E8AB	RGB 201 232 171	#C9E8AB
33.3%	33.3% #D0EBB6	RGB 208 235 182	#D0EBB6
50.0%	50.0% #D7EEC1	RGB 215 238 193	#D7EEC1
66.7%	66.7% #DEF1CC	RGB 222 241 204	#DEF1CC
83.3%	83.3% #E5F4D8	RGB 229 244 216	#E5F4D8
100.0%	100.0% #EDF7E4	RGB 237 247 228	#EDF7E4

#C3E5A1 #C9E8AB #D0EBB6 #D7EEC1 #DEF1CC #E5F4D8 #EDF7E4

#C3E5A1 - #D7EEC1 - #EDF7E4

Códigos CSS

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

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