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

#C92E92 #EFC3DF

Calcule el color entre dos colores, #C92E92 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)

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

0.0%	0.0% #C92E92	RGB 201 46 146	#C92E92
16.7%	16.7% #CF469E	RGB 207 70 158	#CF469E
33.3%	33.3% #D55FAB	RGB 213 95 171	#D55FAB
50.0%	50.0% #DC78B8	RGB 220 120 184	#DC78B8
66.7%	66.7% #E291C5	RGB 226 145 197	#E291C5
83.3%	83.3% #E8AAD2	RGB 232 170 210	#E8AAD2
100.0%	100.0% #EFC3DF	RGB 239 195 223	#EFC3DF

#C92E92 #CF469E #D55FAB #DC78B8 #E291C5 #E8AAD2 #EFC3DF

#C92E92 - #EFC3DF

Mezcla HSV

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

0.0%	0.0% #C92E92	RGB 201 46 146	#C92E92
16.7%	16.7% #CF439D	RGB 207 67 157	#CF439D
33.3%	33.3% #D55AA9	RGB 213 90 169	#D55AA9
50.0%	50.0% #DC72B6	RGB 220 114 182	#DC72B6
66.7%	66.7% #E28CC3	RGB 226 140 195	#E28CC3
83.3%	83.3% #E8A7D0	RGB 232 167 208	#E8A7D0
100.0%	100.0% #EFC3DF	RGB 239 195 223	#EFC3DF

#C92E92 #CF439D #D55AA9 #DC72B6 #E28CC3 #E8A7D0 #EFC3DF

#C92E92 - #DC72B6 - #EFC3DF

Códigos CSS

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

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