#B4AFB6 - #F2FFB8 | 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 #B4AFB6 a #F2FFB8

#B4AFB6 #F2FFB8

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

#B4AFB6 - #F2FFB8 | 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 #B4AFB6 como 0% y #F2FFB8 como 100%.

0.0%	0.0% #B4AFB6	RGB 180 175 182	#B4AFB6
16.7%	16.7% #BEBCB6	RGB 190 188 182	#BEBCB6
33.3%	33.3% #C8C9B6	RGB 200 201 182	#C8C9B6
50.0%	50.0% #D3D7B7	RGB 211 215 183	#D3D7B7
66.7%	66.7% #DDE4B7	RGB 221 228 183	#DDE4B7
83.3%	83.3% #E7F1B7	RGB 231 241 183	#E7F1B7
100.0%	100.0% #F2FFB8	RGB 242 255 184	#F2FFB8

#B4AFB6 #BEBCB6 #C8C9B6 #D3D7B7 #DDE4B7 #E7F1B7 #F2FFB8

#B4AFB6 - #F2FFB8

Mezcla HSV

#B4AFB6 - #F2FFB8 | 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 #B4AFB6 como 0% y #F2FFB8 como 100%.

0.0%	0.0% #B4AFB6	RGB 180 175 182	#B4AFB6
16.7%	16.7% #C2B2C0	RGB 194 178 192	#C2B2C0
33.3%	33.3% #CEB5C1	RGB 206 181 193	#CEB5C1
50.0%	50.0% #DAB7B9	RGB 218 183 185	#DAB7B9
66.7%	66.7% #E6C9B8	RGB 230 201 184	#E6C9B8
83.3%	83.3% #F2E5B8	RGB 242 229 184	#F2E5B8
100.0%	100.0% #F2FFB8	RGB 242 255 184	#F2FFB8

#B4AFB6 #C2B2C0 #CEB5C1 #DAB7B9 #E6C9B8 #F2E5B8 #F2FFB8

#B4AFB6 - #DAB7B9 - #F2FFB8

Códigos CSS

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

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