#B6AFB5 - #F2FFB5 | 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 #B6AFB5 a #F2FFB5

#B6AFB5 #F2FFB5

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

#B6AFB5 - #F2FFB5 | 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 #B6AFB5 como 0% y #F2FFB5 como 100%.

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #C0BCB5	RGB 192 188 181	#C0BCB5
33.3%	33.3% #CAC9B5	RGB 202 201 181	#CAC9B5
50.0%	50.0% #D4D7B5	RGB 212 215 181	#D4D7B5
66.7%	66.7% #DEE4B5	RGB 222 228 181	#DEE4B5
83.3%	83.3% #E8F1B5	RGB 232 241 181	#E8F1B5
100.0%	100.0% #F2FFB5	RGB 242 255 181	#F2FFB5

#B6AFB5 #C0BCB5 #CAC9B5 #D4D7B5 #DEE4B5 #E8F1B5 #F2FFB5

#B6AFB5 - #F2FFB5

Mezcla HSV

#B6AFB5 - #F2FFB5 | 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 #B6AFB5 como 0% y #F2FFB5 como 100%.

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #C2B2BA	RGB 194 178 186	#C2B2BA
33.3%	33.3% #CEB5B9	RGB 206 181 185	#CEB5B9
50.0%	50.0% #DABCB6	RGB 218 188 182	#DABCB6
66.7%	66.7% #E6CEB7	RGB 230 206 183	#E6CEB7
83.3%	83.3% #F2E8B6	RGB 242 232 182	#F2E8B6
100.0%	100.0% #F2FFB5	RGB 242 255 181	#F2FFB5

#B6AFB5 #C2B2BA #CEB5B9 #DABCB6 #E6CEB7 #F2E8B6 #F2FFB5

#B6AFB5 - #DABCB6 - #F2FFB5

Códigos CSS

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

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