#CCCDCF - #C5E4DA | 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 #CCCDCF a #C5E4DA

#CCCDCF #C5E4DA

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

#CCCDCF - #C5E4DA | 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 #CCCDCF como 0% y #C5E4DA como 100%.

0.0%	0.0% #CCCDCF	RGB 204 205 207	#CCCDCF
16.7%	16.7% #CAD0D0	RGB 202 208 208	#CAD0D0
33.3%	33.3% #C9D4D2	RGB 201 212 210	#C9D4D2
50.0%	50.0% #C8D8D4	RGB 200 216 212	#C8D8D4
66.7%	66.7% #C7DCD6	RGB 199 220 214	#C7DCD6
83.3%	83.3% #C6E0D8	RGB 198 224 216	#C6E0D8
100.0%	100.0% #C5E4DA	RGB 197 228 218	#C5E4DA

#CCCDCF #CAD0D0 #C9D4D2 #C8D8D4 #C7DCD6 #C6E0D8 #C5E4DA

#CCCDCF - #C5E4DA

Mezcla HSV

#CCCDCF - #C5E4DA | 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 #CCCDCF como 0% y #C5E4DA como 100%.

0.0%	0.0% #CCCDCF	RGB 204 205 207	#CCCDCF
16.7%	16.7% #CBCED2	RGB 203 206 210	#CBCED2
33.3%	33.3% #CAD2D6	RGB 202 210 214	#CAD2D6
50.0%	50.0% #C9D6D9	RGB 201 214 217	#C9D6D9
66.7%	66.7% #C7DCDD	RGB 199 220 221	#C7DCDD
83.3%	83.3% #C6E0DC	RGB 198 224 220	#C6E0DC
100.0%	100.0% #C5E4DA	RGB 197 228 218	#C5E4DA

#CCCDCF #CBCED2 #CAD2D6 #C9D6D9 #C7DCDD #C6E0DC #C5E4DA

#CCCDCF - #C9D6D9 - #C5E4DA

Códigos CSS

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

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