#C8D070 - #EFF1D6 | 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 #C8D070 a #EFF1D6

#C8D070 #EFF1D6

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

#C8D070 - #EFF1D6 | 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 #C8D070 como 0% y #EFF1D6 como 100%.

0.0%	0.0% #C8D070	RGB 200 208 112	#C8D070
16.7%	16.7% #CED581	RGB 206 213 129	#CED581
33.3%	33.3% #D5DB92	RGB 213 219 146	#D5DB92
50.0%	50.0% #DBE0A3	RGB 219 224 163	#DBE0A3
66.7%	66.7% #E2E6B4	RGB 226 230 180	#E2E6B4
83.3%	83.3% #E8EBC5	RGB 232 235 197	#E8EBC5
100.0%	100.0% #EFF1D6	RGB 239 241 214	#EFF1D6

#C8D070 #CED581 #D5DB92 #DBE0A3 #E2E6B4 #E8EBC5 #EFF1D6

#C8D070 - #EFF1D6

Mezcla HSV

#C8D070 - #EFF1D6 | 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 #C8D070 como 0% y #EFF1D6 como 100%.

0.0%	0.0% #C8D070	RGB 200 208 112	#C8D070
16.7%	16.7% #CED57F	RGB 206 213 127	#CED57F
33.3%	33.3% #D4DB8F	RGB 212 219 143	#D4DB8F
50.0%	50.0% #DBE0A0	RGB 219 224 160	#DBE0A0
66.7%	66.7% #E1E6B1	RGB 225 230 177	#E1E6B1
83.3%	83.3% #E8EBC3	RGB 232 235 195	#E8EBC3
100.0%	100.0% #EFF1D6	RGB 239 241 214	#EFF1D6

#C8D070 #CED57F #D4DB8F #DBE0A0 #E1E6B1 #E8EBC3 #EFF1D6

#C8D070 - #DBE0A0 - #EFF1D6

Códigos CSS

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

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