#AF546D - #FBA483 | 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 #AF546D a #FBA483

#AF546D #FBA483

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

#AF546D - #FBA483 | 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 #AF546D como 0% y #FBA483 como 100%.

0.0%	0.0% #AF546D	RGB 175 84 109	#AF546D
16.7%	16.7% #BB6170	RGB 187 97 112	#BB6170
33.3%	33.3% #C86E74	RGB 200 110 116	#C86E74
50.0%	50.0% #D57C78	RGB 213 124 120	#D57C78
66.7%	66.7% #E1897B	RGB 225 137 123	#E1897B
83.3%	83.3% #EE967F	RGB 238 150 127	#EE967F
100.0%	100.0% #FBA483	RGB 251 164 131	#FBA483

#AF546D #BB6170 #C86E74 #D57C78 #E1897B #EE967F #FBA483

#AF546D - #FBA483

Mezcla HSV

#AF546D - #FBA483 | 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 #AF546D como 0% y #FBA483 como 100%.

0.0%	0.0% #AF546D	RGB 175 84 109	#AF546D
16.7%	16.7% #BB5B6D	RGB 187 91 109	#BB5B6D
33.3%	33.3% #C8626C	RGB 200 98 108	#C8626C
50.0%	50.0% #D56A6A	RGB 213 106 106	#D56A6A
66.7%	66.7% #E17C72	RGB 225 124 114	#E17C72
83.3%	83.3% #EE8F7A	RGB 238 143 122	#EE8F7A
100.0%	100.0% #FBA483	RGB 251 164 131	#FBA483

#AF546D #BB5B6D #C8626C #D56A6A #E17C72 #EE8F7A #FBA483

#AF546D - #D56A6A - #FBA483

Códigos CSS

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

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