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

#C3E5A2 #EDF7E4

Calcule el color entre dos colores, #C3E5A2 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)

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

0.0%	0.0% #C3E5A2	RGB 195 229 162	#C3E5A2
16.7%	16.7% #CAE8AD	RGB 202 232 173	#CAE8AD
33.3%	33.3% #D1EBB8	RGB 209 235 184	#D1EBB8
50.0%	50.0% #D8EEC3	RGB 216 238 195	#D8EEC3
66.7%	66.7% #DFF1CE	RGB 223 241 206	#DFF1CE
83.3%	83.3% #E6F4D9	RGB 230 244 217	#E6F4D9
100.0%	100.0% #EDF7E4	RGB 237 247 228	#EDF7E4

#C3E5A2 #CAE8AD #D1EBB8 #D8EEC3 #DFF1CE #E6F4D9 #EDF7E4

#C3E5A2 - #EDF7E4

Mezcla HSV

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

0.0%	0.0% #C3E5A2	RGB 195 229 162	#C3E5A2
16.7%	16.7% #C9E8AC	RGB 201 232 172	#C9E8AC
33.3%	33.3% #D0EBB7	RGB 208 235 183	#D0EBB7
50.0%	50.0% #D7EEC2	RGB 215 238 194	#D7EEC2
66.7%	66.7% #DEF1CD	RGB 222 241 205	#DEF1CD
83.3%	83.3% #E5F4D8	RGB 229 244 216	#E5F4D8
100.0%	100.0% #EDF7E4	RGB 237 247 228	#EDF7E4

#C3E5A2 #C9E8AC #D0EBB7 #D7EEC2 #DEF1CD #E5F4D8 #EDF7E4

#C3E5A2 - #D7EEC2 - #EDF7E4

Códigos CSS

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

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