#C92D8F - #EFC3DF | 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 #C92D8F a #EFC3DF

#C92D8F #EFC3DF

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

#C92D8F - #EFC3DF | 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 #C92D8F como 0% y #EFC3DF como 100%.

0.0%	0.0% #C92D8F	RGB 201 45 143	#C92D8F
16.7%	16.7% #CF469C	RGB 207 70 156	#CF469C
33.3%	33.3% #D55FA9	RGB 213 95 169	#D55FA9
50.0%	50.0% #DC78B7	RGB 220 120 183	#DC78B7
66.7%	66.7% #E291C4	RGB 226 145 196	#E291C4
83.3%	83.3% #E8AAD1	RGB 232 170 209	#E8AAD1
100.0%	100.0% #EFC3DF	RGB 239 195 223	#EFC3DF

#C92D8F #CF469C #D55FA9 #DC78B7 #E291C4 #E8AAD1 #EFC3DF

#C92D8F - #EFC3DF

Mezcla HSV

#C92D8F - #EFC3DF | 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 #C92D8F como 0% y #EFC3DF como 100%.

0.0%	0.0% #C92D8F	RGB 201 45 143	#C92D8F
16.7%	16.7% #CF429B	RGB 207 66 155	#CF429B
33.3%	33.3% #D55AA8	RGB 213 90 168	#D55AA8
50.0%	50.0% #DC72B5	RGB 220 114 181	#DC72B5
66.7%	66.7% #E28CC2	RGB 226 140 194	#E28CC2
83.3%	83.3% #E8A6D0	RGB 232 166 208	#E8A6D0
100.0%	100.0% #EFC3DF	RGB 239 195 223	#EFC3DF

#C92D8F #CF429B #D55AA8 #DC72B5 #E28CC2 #E8A6D0 #EFC3DF

#C92D8F - #DC72B5 - #EFC3DF

Códigos CSS

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

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