#CC3C92 - #F0C7DF | 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 #F0C7DF

#CC3C92 #F0C7DF

Calcule el color entre dos colores, #CC3C92 y #F0C7DF. 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 - #F0C7DF | 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 #F0C7DF como 100%.

0.0%	0.0% #CC3C92	RGB 204 60 146	#CC3C92
16.7%	16.7% #D2539E	RGB 210 83 158	#D2539E
33.3%	33.3% #D86AAB	RGB 216 106 171	#D86AAB
50.0%	50.0% #DE81B8	RGB 222 129 184	#DE81B8
66.7%	66.7% #E498C5	RGB 228 152 197	#E498C5
83.3%	83.3% #EAAFD2	RGB 234 175 210	#EAAFD2
100.0%	100.0% #F0C7DF	RGB 240 199 223	#F0C7DF

#CC3C92 #D2539E #D86AAB #DE81B8 #E498C5 #EAAFD2 #F0C7DF

#CC3C92 - #F0C7DF

Mezcla HSV

#CC3C92 - #F0C7DF | 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 #F0C7DF como 100%.

0.0%	0.0% #CC3C91	RGB 204 60 145	#CC3C91
16.7%	16.7% #D2509D	RGB 210 80 157	#D2509D
33.3%	33.3% #D866A9	RGB 216 102 169	#D866A9
50.0%	50.0% #DE7CB6	RGB 222 124 182	#DE7CB6
66.7%	66.7% #E494C3	RGB 228 148 195	#E494C3
83.3%	83.3% #EAADD0	RGB 234 173 208	#EAADD0
100.0%	100.0% #F0C7DF	RGB 240 199 223	#F0C7DF

#CC3C91 #D2509D #D866A9 #DE7CB6 #E494C3 #EAADD0 #F0C7DF

#CC3C92 - #DE7CB6 - #F0C7DF

Códigos CSS

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

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