#FFC0D9 - #DB5E92 | 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 #FFC0D9 a #DB5E92

#FFC0D9 #DB5E92

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

#FFC0D9 - #DB5E92 | 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 #FFC0D9 como 0% y #DB5E92 como 100%.

0.0%	0.0% #FFC0D9	RGB 255 192 217	#FFC0D9
16.7%	16.7% #F9AFCD	RGB 249 175 205	#F9AFCD
33.3%	33.3% #F39FC1	RGB 243 159 193	#F39FC1
50.0%	50.0% #ED8FB5	RGB 237 143 181	#ED8FB5
66.7%	66.7% #E77EA9	RGB 231 126 169	#E77EA9
83.3%	83.3% #E16E9D	RGB 225 110 157	#E16E9D
100.0%	100.0% #DB5E92	RGB 219 94 146	#DB5E92

#FFC0D9 #F9AFCD #F39FC1 #ED8FB5 #E77EA9 #E16E9D #DB5E92

#FFC0D9 - #DB5E92

Mezcla HSV

#FFC0D9 - #DB5E92 | 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 #FFC0D9 como 0% y #DB5E92 como 100%.

0.0%	0.0% #FFC0D9	RGB 255 192 217	#FFC0D9
16.7%	16.7% #F9AECC	RGB 249 174 204	#F9AECC
33.3%	33.3% #F39CBF	RGB 243 156 191	#F39CBF
50.0%	50.0% #ED8CB3	RGB 237 140 179	#ED8CB3
66.7%	66.7% #E77CA7	RGB 231 124 167	#E77CA7
83.3%	83.3% #E16C9C	RGB 225 108 156	#E16C9C
100.0%	100.0% #DB5E92	RGB 219 94 146	#DB5E92

#FFC0D9 #F9AECC #F39CBF #ED8CB3 #E77CA7 #E16C9C #DB5E92

#FFC0D9 - #ED8CB3 - #DB5E92

Códigos CSS

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

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