#FFA8AD - #D04C5E | 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 #FFA8AD a #D04C5E

#FFA8AD #D04C5E

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

#FFA8AD - #D04C5E | 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 #FFA8AD como 0% y #D04C5E como 100%.

0.0%	0.0% #FFA8AD	RGB 255 168 173	#FFA8AD
16.7%	16.7% #F7989F	RGB 247 152 159	#F7989F
33.3%	33.3% #EF8992	RGB 239 137 146	#EF8992
50.0%	50.0% #E77A85	RGB 231 122 133	#E77A85
66.7%	66.7% #DF6A78	RGB 223 106 120	#DF6A78
83.3%	83.3% #D75B6B	RGB 215 91 107	#D75B6B
100.0%	100.0% #D04C5E	RGB 208 76 94	#D04C5E

#FFA8AD #F7989F #EF8992 #E77A85 #DF6A78 #D75B6B #D04C5E

#FFA8AD - #D04C5E

Mezcla HSV

#FFA8AD - #D04C5E | 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 #FFA8AD como 0% y #D04C5E como 100%.

0.0%	0.0% #FFA8AC	RGB 255 168 172	#FFA8AC
16.7%	16.7% #F7969D	RGB 247 150 157	#F7969D
33.3%	33.3% #EF868F	RGB 239 134 143	#EF868F
50.0%	50.0% #E77681	RGB 231 118 129	#E77681
66.7%	66.7% #DF6774	RGB 223 103 116	#DF6774
83.3%	83.3% #D75968	RGB 215 89 104	#D75968
100.0%	100.0% #D04C5E	RGB 208 76 94	#D04C5E

#FFA8AC #F7969D #EF868F #E77681 #DF6774 #D75968 #D04C5E

#FFA8AD - #E77681 - #D04C5E

Códigos CSS

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

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