#C2DFA3 - #EDF5E4 | 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 #C2DFA3 a #EDF5E4

#C2DFA3 #EDF5E4

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

#C2DFA3 - #EDF5E4 | 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 #C2DFA3 como 0% y #EDF5E4 como 100%.

0.0%	0.0% #C2DFA3	RGB 194 223 163	#C2DFA3
16.7%	16.7% #C9E2AD	RGB 201 226 173	#C9E2AD
33.3%	33.3% #D0E6B8	RGB 208 230 184	#D0E6B8
50.0%	50.0% #D7EAC3	RGB 215 234 195	#D7EAC3
66.7%	66.7% #DEEDCE	RGB 222 237 206	#DEEDCE
83.3%	83.3% #E5F1D9	RGB 229 241 217	#E5F1D9
100.0%	100.0% #EDF5E4	RGB 237 245 228	#EDF5E4

#C2DFA3 #C9E2AD #D0E6B8 #D7EAC3 #DEEDCE #E5F1D9 #EDF5E4

#C2DFA3 - #EDF5E4

Mezcla HSV

#C2DFA3 - #EDF5E4 | 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 #C2DFA3 como 0% y #EDF5E4 como 100%.

0.0%	0.0% #C2DFA3	RGB 194 223 163	#C2DFA3
16.7%	16.7% #C8E2AD	RGB 200 226 173	#C8E2AD
33.3%	33.3% #CFE6B7	RGB 207 230 183	#CFE6B7
50.0%	50.0% #D7EAC2	RGB 215 234 194	#D7EAC2
66.7%	66.7% #DEEDCD	RGB 222 237 205	#DEEDCD
83.3%	83.3% #E5F1D8	RGB 229 241 216	#E5F1D8
100.0%	100.0% #EDF5E4	RGB 237 245 228	#EDF5E4

#C2DFA3 #C8E2AD #CFE6B7 #D7EAC2 #DEEDCD #E5F1D8 #EDF5E4

#C2DFA3 - #D7EAC2 - #EDF5E4

Códigos CSS

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

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