#CC3C5E - #FF926D | 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 #CC3C5E a #FF926D

#CC3C5E #FF926D

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

#CC3C5E - #FF926D | 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 #CC3C5E como 0% y #FF926D como 100%.

0.0%	0.0% #CC3C5E	RGB 204 60 94	#CC3C5E
16.7%	16.7% #D44A60	RGB 212 74 96	#D44A60
33.3%	33.3% #DD5863	RGB 221 88 99	#DD5863
50.0%	50.0% #E56765	RGB 229 103 101	#E56765
66.7%	66.7% #EE7568	RGB 238 117 104	#EE7568
83.3%	83.3% #F6836A	RGB 246 131 106	#F6836A
100.0%	100.0% #FF926D	RGB 255 146 109	#FF926D

#CC3C5E #D44A60 #DD5863 #E56765 #EE7568 #F6836A #FF926D

#CC3C5E - #FF926D

Mezcla HSV

#CC3C5E - #FF926D | 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 #CC3C5E como 0% y #FF926D como 100%.

0.0%	0.0% #CC3C5D	RGB 204 60 93	#CC3C5D
16.7%	16.7% #D44359	RGB 212 67 89	#D44359
33.3%	33.3% #DD4A55	RGB 221 74 85	#DD4A55
50.0%	50.0% #E55452	RGB 229 84 82	#E55452
66.7%	66.7% #EE685B	RGB 238 104 91	#EE685B
83.3%	83.3% #F67D63	RGB 246 125 99	#F67D63
100.0%	100.0% #FF926D	RGB 255 146 109	#FF926D

#CC3C5D #D44359 #DD4A55 #E55452 #EE685B #F67D63 #FF926D

#CC3C5E - #E55452 - #FF926D

Códigos CSS

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

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