#B5E2AC - #FFEDB9 | 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 #B5E2AC a #FFEDB9

#B5E2AC #FFEDB9

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

#B5E2AC - #FFEDB9 | 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 #B5E2AC como 0% y #FFEDB9 como 100%.

0.0%	0.0% #B5E2AC	RGB 181 226 172	#B5E2AC
16.7%	16.7% #C1E3AE	RGB 193 227 174	#C1E3AE
33.3%	33.3% #CDE5B0	RGB 205 229 176	#CDE5B0
50.0%	50.0% #DAE7B2	RGB 218 231 178	#DAE7B2
66.7%	66.7% #E6E9B4	RGB 230 233 180	#E6E9B4
83.3%	83.3% #F2EBB6	RGB 242 235 182	#F2EBB6
100.0%	100.0% #FFEDB9	RGB 255 237 185	#FFEDB9

#B5E2AC #C1E3AE #CDE5B0 #DAE7B2 #E6E9B4 #F2EBB6 #FFEDB9

#B5E2AC - #FFEDB9

Mezcla HSV

#B5E2AC - #FFEDB9 | 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 #B5E2AC como 0% y #FFEDB9 como 100%.

0.0%	0.0% #B5E2AC	RGB 181 226 172	#B5E2AC
16.7%	16.7% #C2E6AE	RGB 194 230 174	#C2E6AE
33.3%	33.3% #CFEBB0	RGB 207 235 176	#CFEBB0
50.0%	50.0% #DEF0B2	RGB 222 240 178	#DEF0B2
66.7%	66.7% #EEF5B4	RGB 238 245 180	#EEF5B4
83.3%	83.3% #FAF5B6	RGB 250 245 182	#FAF5B6
100.0%	100.0% #FFEDB9	RGB 255 237 185	#FFEDB9

#B5E2AC #C2E6AE #CFEBB0 #DEF0B2 #EEF5B4 #FAF5B6 #FFEDB9

#B5E2AC - #DEF0B2 - #FFEDB9

Códigos CSS

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

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