#4DC3C3 - #CCEDED | 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 #4DC3C3 a #CCEDED

#4DC3C3 #CCEDED

Calcule el color entre dos colores, #4DC3C3 y #CCEDED. 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)

#4DC3C3 - #CCEDED | 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 #4DC3C3 como 0% y #CCEDED como 100%.

0.0%	0.0% #4DC3C3	RGB 77 195 195	#4DC3C3
16.7%	16.7% #62CACA	RGB 98 202 202	#62CACA
33.3%	33.3% #77D1D1	RGB 119 209 209	#77D1D1
50.0%	50.0% #8CD8D8	RGB 140 216 216	#8CD8D8
66.7%	66.7% #A1DFDF	RGB 161 223 223	#A1DFDF
83.3%	83.3% #B6E6E6	RGB 182 230 230	#B6E6E6
100.0%	100.0% #CCEDED	RGB 204 237 237	#CCEDED

#4DC3C3 #62CACA #77D1D1 #8CD8D8 #A1DFDF #B6E6E6 #CCEDED

#4DC3C3 - #CCEDED

Mezcla HSV

#4DC3C3 - #CCEDED | 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 #4DC3C3 como 0% y #CCEDED como 100%.

0.0%	0.0% #4DC3C3	RGB 77 195 195	#4DC3C3
16.7%	16.7% #5FCACA	RGB 95 202 202	#5FCACA
33.3%	33.3% #72D1D1	RGB 114 209 209	#72D1D1
50.0%	50.0% #87D8D8	RGB 135 216 216	#87D8D8
66.7%	66.7% #9DDFDF	RGB 157 223 223	#9DDFDF
83.3%	83.3% #B4E6E6	RGB 180 230 230	#B4E6E6
100.0%	100.0% #CCEDED	RGB 204 237 237	#CCEDED

#4DC3C3 #5FCACA #72D1D1 #87D8D8 #9DDFDF #B4E6E6 #CCEDED

#4DC3C3 - #87D8D8 - #CCEDED

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DC3C3 0%, #87D8D8 50%, #CCEDED 100%);
    background: -webkit-linear-gradient(top, #4DC3C3 0%, #87D8D8 50%, #CCEDED 100%);
    background: linear-gradient(to bottom, #4DC3C3 0%, #87D8D8 50%, #CCEDED 100%);
}
</style>