#C2D58C - #EDF3DE | 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 #C2D58C a #EDF3DE

#C2D58C #EDF3DE

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

#C2D58C - #EDF3DE | 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 #C2D58C como 0% y #EDF3DE como 100%.

0.0%	0.0% #C2D58C	RGB 194 213 140	#C2D58C
16.7%	16.7% #C9DA99	RGB 201 218 153	#C9DA99
33.3%	33.3% #D0DFA7	RGB 208 223 167	#D0DFA7
50.0%	50.0% #D7E4B5	RGB 215 228 181	#D7E4B5
66.7%	66.7% #DEE9C2	RGB 222 233 194	#DEE9C2
83.3%	83.3% #E5EED0	RGB 229 238 208	#E5EED0
100.0%	100.0% #EDF3DE	RGB 237 243 222	#EDF3DE

#C2D58C #C9DA99 #D0DFA7 #D7E4B5 #DEE9C2 #E5EED0 #EDF3DE

#C2D58C - #EDF3DE

Mezcla HSV

#C2D58C - #EDF3DE | 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 #C2D58C como 0% y #EDF3DE como 100%.

0.0%	0.0% #C2D58C	RGB 194 213 140	#C2D58C
16.7%	16.7% #C8DA98	RGB 200 218 152	#C8DA98
33.3%	33.3% #CFDFA5	RGB 207 223 165	#CFDFA5
50.0%	50.0% #D6E4B3	RGB 214 228 179	#D6E4B3
66.7%	66.7% #DDE9C0	RGB 221 233 192	#DDE9C0
83.3%	83.3% #E5EECF	RGB 229 238 207	#E5EECF
100.0%	100.0% #EDF3DE	RGB 237 243 222	#EDF3DE

#C2D58C #C8DA98 #CFDFA5 #D6E4B3 #DDE9C0 #E5EECF #EDF3DE

#C2D58C - #D6E4B3 - #EDF3DE

Códigos CSS

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

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