#AF6565 - #E8D3D3 | 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 #AF6565 a #E8D3D3

#AF6565 #E8D3D3

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

#AF6565 - #E8D3D3 | 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 #AF6565 como 0% y #E8D3D3 como 100%.

0.0%	0.0% #AF6565	RGB 175 101 101	#AF6565
16.7%	16.7% #B87777	RGB 184 119 119	#B87777
33.3%	33.3% #C28989	RGB 194 137 137	#C28989
50.0%	50.0% #CB9C9C	RGB 203 156 156	#CB9C9C
66.7%	66.7% #D5AEAE	RGB 213 174 174	#D5AEAE
83.3%	83.3% #DEC0C0	RGB 222 192 192	#DEC0C0
100.0%	100.0% #E8D3D3	RGB 232 211 211	#E8D3D3

#AF6565 #B87777 #C28989 #CB9C9C #D5AEAE #DEC0C0 #E8D3D3

#AF6565 - #E8D3D3

Mezcla HSV

#AF6565 - #E8D3D3 | 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 #AF6565 como 0% y #E8D3D3 como 100%.

0.0%	0.0% #AF6565	RGB 175 101 101	#AF6565
16.7%	16.7% #B87474	RGB 184 116 116	#B87474
33.3%	33.3% #C28585	RGB 194 133 133	#C28585
50.0%	50.0% #CB9797	RGB 203 151 151	#CB9797
66.7%	66.7% #D5AAAA	RGB 213 170 170	#D5AAAA
83.3%	83.3% #DEBEBE	RGB 222 190 190	#DEBEBE
100.0%	100.0% #E8D3D3	RGB 232 211 211	#E8D3D3

#AF6565 #B87474 #C28585 #CB9797 #D5AAAA #DEBEBE #E8D3D3

#AF6565 - #CB9797 - #E8D3D3

Códigos CSS

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

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