#C25B5E - #FFA86E | 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 #C25B5E a #FFA86E

#C25B5E #FFA86E

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

#C25B5E - #FFA86E | 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 #C25B5E como 0% y #FFA86E como 100%.

0.0%	0.0% #C25B5E	RGB 194 91 94	#C25B5E
16.7%	16.7% #CC6760	RGB 204 103 96	#CC6760
33.3%	33.3% #D67463	RGB 214 116 99	#D67463
50.0%	50.0% #E08166	RGB 224 129 102	#E08166
66.7%	66.7% #EA8E68	RGB 234 142 104	#EA8E68
83.3%	83.3% #F49B6B	RGB 244 155 107	#F49B6B
100.0%	100.0% #FFA86E	RGB 255 168 110	#FFA86E

#C25B5E #CC6760 #D67463 #E08166 #EA8E68 #F49B6B #FFA86E

#C25B5E - #FFA86E

Mezcla HSV

#C25B5E - #FFA86E | 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 #C25B5E como 0% y #FFA86E como 100%.

0.0%	0.0% #C25A5E	RGB 194 90 94	#C25A5E
16.7%	16.7% #CC635E	RGB 204 99 94	#CC635E
33.3%	33.3% #D66F61	RGB 214 111 97	#D66F61
50.0%	50.0% #E07B65	RGB 224 123 101	#E07B65
66.7%	66.7% #EA8968	RGB 234 137 104	#EA8968
83.3%	83.3% #F4986B	RGB 244 152 107	#F4986B
100.0%	100.0% #FFA86E	RGB 255 168 110	#FFA86E

#C25A5E #CC635E #D66F61 #E07B65 #EA8968 #F4986B #FFA86E

#C25B5E - #E07B65 - #FFA86E

Códigos CSS

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

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