#CC3C92 - #FFA2B3 | 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 #CC3C92 a #FFA2B3

#CC3C92 #FFA2B3

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

#CC3C92 - #FFA2B3 | 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 #CC3C92 como 0% y #FFA2B3 como 100%.

0.0%	0.0% #CC3C92	RGB 204 60 146	#CC3C92
16.7%	16.7% #D44D97	RGB 212 77 151	#D44D97
33.3%	33.3% #DD5E9D	RGB 221 94 157	#DD5E9D
50.0%	50.0% #E56FA2	RGB 229 111 162	#E56FA2
66.7%	66.7% #EE80A8	RGB 238 128 168	#EE80A8
83.3%	83.3% #F691AD	RGB 246 145 173	#F691AD
100.0%	100.0% #FFA2B3	RGB 255 162 179	#FFA2B3

#CC3C92 #D44D97 #DD5E9D #E56FA2 #EE80A8 #F691AD #FFA2B3

#CC3C92 - #FFA2B3

Mezcla HSV

#CC3C92 - #FFA2B3 | 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 #CC3C92 como 0% y #FFA2B3 como 100%.

0.0%	0.0% #CC3C91	RGB 204 60 145	#CC3C91
16.7%	16.7% #D44A93	RGB 212 74 147	#D44A93
33.3%	33.3% #DD5A96	RGB 221 90 150	#DD5A96
50.0%	50.0% #E56A9A	RGB 229 106 154	#E56A9A
66.7%	66.7% #EE7CA0	RGB 238 124 160	#EE7CA0
83.3%	83.3% #F68EA8	RGB 246 142 168	#F68EA8
100.0%	100.0% #FFA2B3	RGB 255 162 179	#FFA2B3

#CC3C91 #D44A93 #DD5A96 #E56A9A #EE7CA0 #F68EA8 #FFA2B3

#CC3C92 - #E56A9A - #FFA2B3

Códigos CSS

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

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