#CECDCD - #FED5D5 | 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 #CECDCD a #FED5D5

#CECDCD #FED5D5

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

#CECDCD - #FED5D5 | 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 #CECDCD como 0% y #FED5D5 como 100%.

0.0%	0.0% #CECDCD	RGB 206 205 205	#CECDCD
16.7%	16.7% #D6CECE	RGB 214 206 206	#D6CECE
33.3%	33.3% #DECFCF	RGB 222 207 207	#DECFCF
50.0%	50.0% #E6D1D1	RGB 230 209 209	#E6D1D1
66.7%	66.7% #EED2D2	RGB 238 210 210	#EED2D2
83.3%	83.3% #F6D3D3	RGB 246 211 211	#F6D3D3
100.0%	100.0% #FED5D5	RGB 254 213 213	#FED5D5

#CECDCD #D6CECE #DECFCF #E6D1D1 #EED2D2 #F6D3D3 #FED5D5

#CECDCD - #FED5D5

Mezcla HSV

#CECDCD - #FED5D5 | 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 #CECDCD como 0% y #FED5D5 como 100%.

0.0%	0.0% #CECDCD	RGB 206 205 205	#CECDCD
16.7%	16.7% #D6CFCF	RGB 214 207 207	#D6CFCF
33.3%	33.3% #DED1D1	RGB 222 209 209	#DED1D1
50.0%	50.0% #E6D2D2	RGB 230 210 210	#E6D2D2
66.7%	66.7% #EED4D4	RGB 238 212 212	#EED4D4
83.3%	83.3% #F6D4D4	RGB 246 212 212	#F6D4D4
100.0%	100.0% #FED5D5	RGB 254 213 213	#FED5D5

#CECDCD #D6CFCF #DED1D1 #E6D2D2 #EED4D4 #F6D4D4 #FED5D5

#CECDCD - #E6D2D2 - #FED5D5

Códigos CSS

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

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