#B5E8AC - #FFEEB9 | 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 #B5E8AC a #FFEEB9

#B5E8AC #FFEEB9

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

#B5E8AC - #FFEEB9 | 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 #B5E8AC como 0% y #FFEEB9 como 100%.

0.0%	0.0% #B5E8AC	RGB 181 232 172	#B5E8AC
16.7%	16.7% #C1E9AE	RGB 193 233 174	#C1E9AE
33.3%	33.3% #CDEAB0	RGB 205 234 176	#CDEAB0
50.0%	50.0% #DAEBB2	RGB 218 235 178	#DAEBB2
66.7%	66.7% #E6ECB4	RGB 230 236 180	#E6ECB4
83.3%	83.3% #F2EDB6	RGB 242 237 182	#F2EDB6
100.0%	100.0% #FFEEB9	RGB 255 238 185	#FFEEB9

#B5E8AC #C1E9AE #CDEAB0 #DAEBB2 #E6ECB4 #F2EDB6 #FFEEB9

#B5E8AC - #FFEEB9

Mezcla HSV

#B5E8AC - #FFEEB9 | 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 #B5E8AC como 0% y #FFEEB9 como 100%.

0.0%	0.0% #B5E8AC	RGB 181 232 172	#B5E8AC
16.7%	16.7% #C2EBAE	RGB 194 235 174	#C2EBAE
33.3%	33.3% #D0EFB0	RGB 208 239 176	#D0EFB0
50.0%	50.0% #DFF3B2	RGB 223 243 178	#DFF3B2
66.7%	66.7% #EFF7B4	RGB 239 247 180	#EFF7B4
83.3%	83.3% #FBF7B6	RGB 251 247 182	#FBF7B6
100.0%	100.0% #FFEEB9	RGB 255 238 185	#FFEEB9

#B5E8AC #C2EBAE #D0EFB0 #DFF3B2 #EFF7B4 #FBF7B6 #FFEEB9

#B5E8AC - #DFF3B2 - #FFEEB9

Códigos CSS

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

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