#B5E4A9 - #FFEEB8 | 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 #B5E4A9 a #FFEEB8

#B5E4A9 #FFEEB8

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

#B5E4A9 - #FFEEB8 | 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 #B5E4A9 como 0% y #FFEEB8 como 100%.

0.0%	0.0% #B5E4A9	RGB 181 228 169	#B5E4A9
16.7%	16.7% #C1E5AB	RGB 193 229 171	#C1E5AB
33.3%	33.3% #CDE7AE	RGB 205 231 174	#CDE7AE
50.0%	50.0% #DAE9B0	RGB 218 233 176	#DAE9B0
66.7%	66.7% #E6EAB3	RGB 230 234 179	#E6EAB3
83.3%	83.3% #F2ECB5	RGB 242 236 181	#F2ECB5
100.0%	100.0% #FFEEB8	RGB 255 238 184	#FFEEB8

#B5E4A9 #C1E5AB #CDE7AE #DAE9B0 #E6EAB3 #F2ECB5 #FFEEB8

#B5E4A9 - #FFEEB8

Mezcla HSV

#B5E4A9 - #FFEEB8 | 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 #B5E4A9 como 0% y #FFEEB8 como 100%.

0.0%	0.0% #B5E4A9	RGB 181 228 169	#B5E4A9
16.7%	16.7% #C2E8AB	RGB 194 232 171	#C2E8AB
33.3%	33.3% #D0EDAE	RGB 208 237 174	#D0EDAE
50.0%	50.0% #DFF1B0	RGB 223 241 176	#DFF1B0
66.7%	66.7% #EEF6B3	RGB 238 246 179	#EEF6B3
83.3%	83.3% #FAF5B5	RGB 250 245 181	#FAF5B5
100.0%	100.0% #FFEEB8	RGB 255 238 184	#FFEEB8

#B5E4A9 #C2E8AB #D0EDAE #DFF1B0 #EEF6B3 #FAF5B5 #FFEEB8

#B5E4A9 - #DFF1B0 - #FFEEB8

Códigos CSS

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

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