#B5EAA8 - #FFEFB8 | 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 #B5EAA8 a #FFEFB8

#B5EAA8 #FFEFB8

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

#B5EAA8 - #FFEFB8 | 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 #B5EAA8 como 0% y #FFEFB8 como 100%.

0.0%	0.0% #B5EAA8	RGB 181 234 168	#B5EAA8
16.7%	16.7% #C1EAAA	RGB 193 234 170	#C1EAAA
33.3%	33.3% #CDEBAD	RGB 205 235 173	#CDEBAD
50.0%	50.0% #DAECB0	RGB 218 236 176	#DAECB0
66.7%	66.7% #E6EDB2	RGB 230 237 178	#E6EDB2
83.3%	83.3% #F2EEB5	RGB 242 238 181	#F2EEB5
100.0%	100.0% #FFEFB8	RGB 255 239 184	#FFEFB8

#B5EAA8 #C1EAAA #CDEBAD #DAECB0 #E6EDB2 #F2EEB5 #FFEFB8

#B5EAA8 - #FFEFB8

Mezcla HSV

#B5EAA8 - #FFEFB8 | 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 #B5EAA8 como 0% y #FFEFB8 como 100%.

0.0%	0.0% #B4EAA8	RGB 180 234 168	#B4EAA8
16.7%	16.7% #C3EDAA	RGB 195 237 170	#C3EDAA
33.3%	33.3% #D1F1AD	RGB 209 241 173	#D1F1AD
50.0%	50.0% #E0F4AF	RGB 224 244 175	#E0F4AF
66.7%	66.7% #EFF8B2	RGB 239 248 178	#EFF8B2
83.3%	83.3% #FBF7B5	RGB 251 247 181	#FBF7B5
100.0%	100.0% #FFEFB8	RGB 255 239 184	#FFEFB8

#B4EAA8 #C3EDAA #D1F1AD #E0F4AF #EFF8B2 #FBF7B5 #FFEFB8

#B5EAA8 - #E0F4AF - #FFEFB8

Códigos CSS

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

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