#AD3D5E - #FA8C72 | 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 #AD3D5E a #FA8C72

#AD3D5E #FA8C72

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

#AD3D5E - #FA8C72 | 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 #AD3D5E como 0% y #FA8C72 como 100%.

0.0%	0.0% #AD3D5E	RGB 173 61 94	#AD3D5E
16.7%	16.7% #B94A61	RGB 185 74 97	#B94A61
33.3%	33.3% #C65764	RGB 198 87 100	#C65764
50.0%	50.0% #D36468	RGB 211 100 104	#D36468
66.7%	66.7% #E0716B	RGB 224 113 107	#E0716B
83.3%	83.3% #ED7E6E	RGB 237 126 110	#ED7E6E
100.0%	100.0% #FA8C72	RGB 250 140 114	#FA8C72

#AD3D5E #B94A61 #C65764 #D36468 #E0716B #ED7E6E #FA8C72

#AD3D5E - #FA8C72

Mezcla HSV

#AD3D5E - #FA8C72 | 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 #AD3D5E como 0% y #FA8C72 como 100%.

0.0%	0.0% #AD3D5E	RGB 173 61 94	#AD3D5E
16.7%	16.7% #B9445D	RGB 185 68 93	#B9445D
33.3%	33.3% #C64C5D	RGB 198 76 93	#C64C5D
50.0%	50.0% #D3555C	RGB 211 85 92	#D3555C
66.7%	66.7% #E0625E	RGB 224 98 94	#E0625E
83.3%	83.3% #ED7668	RGB 237 118 104	#ED7668
100.0%	100.0% #FA8C72	RGB 250 140 114	#FA8C72

#AD3D5E #B9445D #C64C5D #D3555C #E0625E #ED7668 #FA8C72

#AD3D5E - #D3555C - #FA8C72

Códigos CSS

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

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