#B5EAC4 - #FDFFBD | 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 #B5EAC4 a #FDFFBD

#B5EAC4 #FDFFBD

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

#B5EAC4 - #FDFFBD | 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 #B5EAC4 como 0% y #FDFFBD como 100%.

0.0%	0.0% #B5EAC4	RGB 181 234 196	#B5EAC4
16.7%	16.7% #C1EDC2	RGB 193 237 194	#C1EDC2
33.3%	33.3% #CDF1C1	RGB 205 241 193	#CDF1C1
50.0%	50.0% #D9F4C0	RGB 217 244 192	#D9F4C0
66.7%	66.7% #E5F8BF	RGB 229 248 191	#E5F8BF
83.3%	83.3% #F1FBBE	RGB 241 251 190	#F1FBBE
100.0%	100.0% #FDFFBD	RGB 253 255 189	#FDFFBD

#B5EAC4 #C1EDC2 #CDF1C1 #D9F4C0 #E5F8BF #F1FBBE #FDFFBD

#B5EAC4 - #FDFFBD

Mezcla HSV

#B5EAC4 - #FDFFBD | 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 #B5EAC4 como 0% y #FDFFBD como 100%.

0.0%	0.0% #B5EAC4	RGB 181 234 196	#B5EAC4
16.7%	16.7% #B6EDBA	RGB 182 237 186	#B6EDBA
33.3%	33.3% #BFF1B7	RGB 191 241 183	#BFF1B7
50.0%	50.0% #CDF4B9	RGB 205 244 185	#CDF4B9
66.7%	66.7% #DCF8BA	RGB 220 248 186	#DCF8BA
83.3%	83.3% #ECFBBB	RGB 236 251 187	#ECFBBB
100.0%	100.0% #FDFFBD	RGB 253 255 189	#FDFFBD

#B5EAC4 #B6EDBA #BFF1B7 #CDF4B9 #DCF8BA #ECFBBB #FDFFBD

#B5EAC4 - #CDF4B9 - #FDFFBD

Códigos CSS

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

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